一、简介
vue-cli是一个vue脚手架,能够快速构建vue项目
vue-cli自己集成了多种项目模板
GitHub连接:https://github.com/search?q=vue-cli&ref=opensearch
模板:
simple:不多简单
webpack:包含ESLint代码规范检查和unit单元测试等
webpack-slimple 没有代码规范检查和单元测试 简化版的
browserify 使用比较多
browserify-simple 简化的 browserify 没有代码规范检查和单元测试
pwa:
二、示例,步骤: (使用这个模板的示例:webpack-slimple)
2.1 安装vue-cli,配置vue的命令环境
cnpm install vue-cli -g 全局安装
vue 使用工具vue
vue --version 检查vue版本
vue list 列出可用模板
2.2 初始化项目,生成项目
vue init webpack-simple 项目名称
2.3 进入生成的项目目录,安装模块
cd 项目名 (注释:进入项目)
npm install(注释:下载依赖包)
2.4 运行
npm run dev //启动测试服务
三、使用webpack模板
vue init webpack 项目名 ESLint 是用来统一代码规范和风格的工具,如缩进、空格、符号等,要去比较严格, [官网](http://eslint.org)