VUE-cli的使用
准备
本人使用的是windows,所以需要做些准备工作
- 安装node,前端开发几乎离不开node环境了,强烈建议安装node
- 使用npm国内镜像,安装cnpm
npm install -g cnpm
- 安装gitbash ,这是一个命令行工具,在里面可以使用一些linux命令,界面比cmd漂亮
- 安装vue-cli ,在gitbash命令行里使用
cnpm install -g vue-cli
初始化项目
切换目录到需要生成项目的目录下
cd /c/document/
/c/为c盘
vue init webpack projectName
初始化一个使用webpack模板的项目,项目名为projectName
cnpm install
安装项目依赖包
运行项目
npm start
或者 npm run dev
, npm run start
都可以
运行后会自动打开浏览器,观看效果
部署
项目开发完后就可以打包部署了,在项目根目录下运行
npm run build
,打包后所有打包文件都在dist目录下,把dist文件夹发布到服务器上就可以了