vue-cli脚手架安装

第三节.vue-cli脚手架

1. 简介

• vue-cli是一个vue脚手架，可以快速构造项目结构
• vue-cli2.0本身集成了多种项目模板：
  • simple 很少简单
  • webpack 包含ESLint代码规范检查和unit单元测试等
  • webpack-simple 没有代码规范检查和单元测试
  • browserify 使用的也比较多
  • browserify-simple
• vue-cli3.0简化了webpack的设置

2. 示例，步骤：

2.1 全局安装vue-cli，配置vue命令环境

cnpm install @vue/cli -g
vue -V

2.2 初始化项目，生成项目模板

语法：vue create 项目名

案例演示

在终端输入：
查看版本号

第一步用键盘↓选择 Manually select features
第二部空格键选择 Babel, Router, Vuex，下图是我都做好之后的截图

可以选择进入该文件

在终端输入dir会看到我们最终形成的文件的目录

2.3 运行

npm run servere  //启动测试服务
npm run build //将项目打包输出dist目录，项目上线的话要将dist目录拷贝到服务器上