vue-cli的配置就和react脚手架类似,还是很方便的。小型应用直接引用vue.js即可,大型应用则需要用到脚手架之类的本地开发环境。
1、安装vue-cli (webpack 已经写过配置,比较麻烦,可以按发贴时间查找上个笔记)
详细教程地址:
https://www.jianshu.com/p/32beaca25c0d
上述教程简单总结(mac用户加sudo):
npm install -g webpack
npm install --global vue-cli
安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。
(前面是全局安装,已经安装过的,可以直接从这一步开始创建新项目)
创建自己的工作文件夹
在文件夹中打开终端然后创建vue项目
vue init webpack myapp1
然后一直y就可以了,也可以根据自己的需要来选择。
继续安装依赖(建议切换淘宝源,用 cnpm , npm install -g cnpm --registry=https://registry.npm.taobao.org):
cnpm install
最后就可以启动项目了:
npm run dev
完成开发后打包上线:
npm run build