VUE-cli使用

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文件夹发布到服务器上就可以了