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