准备工作
需要先安装node环境,官方地址:https://nodejs.org
开始搭建
Windows下不要使用git自带的mintty执行命令,切换选项时会失效的。觉得cmd难看的话用PowerShell会好一些,只是好一些,呵呵。
安装vue
npm install vue && npm install --global vue-cli
生成项目结构,安装依赖
vue init webpack project-name && cd project-name && npm install
安装element-ui
npm install element-ui -S
安装其他组件
npm install vue-i18n vuex axios -S
可以根据需要安装less包,一种新的样式表风格
npm install less less-loader -S -D
配置
配置并启用element-ui
,同时引入样式表。
main.js
// element-ui
import ElementUI from 'element-ui'
// css
import 'element-ui/lib/theme-chalk/index.css'
// install & config
Vue.use(ElementUI, {size: 'mini', zIndex: 3000})
运行
使用开发模式运行(可以热部署哦!!!)
npm run dev
其他
打包
npm run build
执行完毕后会在根目录生成一个dist
目录,里面是一套经压缩过的完整的应用包。