1 node环境安装
从 node官网下载安装包
2 vue-cli
npm install vue-cli -g
3 新建项目
vue init webpack vue-project
可保持默认,一路回车
完成后
cd vue-project
npm run dev
工程启动成功,访问 http://127.0.0.1:8080 可看到页面
win下使用 tree /f 查看此时src下的文件列表:
│ App.vue
│ main.js
│
├─assets
│ logo.png
│
├─components
│ HelloWorld.vue
│
└─router
index.js
4 安装并引入 elementui
npm install element-ui --save
编辑 src/main.js , 修改为
import Vue from 'vue'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
Vue.config.productionTip = false
new Vue({
el: