vue-cli脚手架
1.简介
vue-cli是一个vue脚手架,可以快速构建项目结构
vue-cli本身集成了多种项目模版
simple
webpack 包含了ESLint代码规范检查和unit单元测试等
webpack-simple 跟webpack差不多,只是没有代码规范检查和单元测试
browserify
browserify-simple
2.示例,步骤
2.1 安装vue-cli,配置vue命令环境
cnpm install vue-cli -g
mac会有一个权限问题,找度娘问了以后,试了一下:
sudo cnpm install vue-cli -g 成功了
安装成功后可以用以下命令查看是否安装成功
vue --version // 显示脚手架版本
vue list // 显示脚手架安装的模版
2.2 初始化项目,生成项目模版
命令:vue init 需要使用的模版名字 项目名称
vue init webpack-simple vue-cli-demo
2.3 进入生成的项目目录,安装依赖的模块包
命令:cnpm install
npm run dev // 启动测试服务
npm run build // 将项目打包输出到dist目录,项目上线的时候,将dist目录里面的内容上传到服务器即可