Vue+ElementUI项目笔记(一、项目搭建)

1、下载脚手架  npm install vue-cli -g

2、验证安装      vue --version

3、新建项目  vue init webpack 文件名(使用英文名称)

4、进入到生成目录里面 cd 文件名 ,下载依赖   cnpm install

5、运行  npm run dev

6、下载elementUI  :npm i && npm i element-ui

7、引入 Element

完整引入:在main.js文件下引入

import  Vue  from  'vue'

import  ElementUI  from  'element-ui'

import  'element-ui/lib/theme-chalk/index.css'

import  App  from  './App.vue'

Vue.use(ElementUI)

new  Vue({

        el:'#app',

        render:h=>h(App)

})

Vue+ElementUI项目笔记(一、项目搭建)_第1张图片

你可能感兴趣的:(Vue+ElementUI项目笔记(一、项目搭建))