Vue Cli3 —安装

参考文档

https://cli.vuejs.org/zh/guide/installation.html

1. Node版本要求

          8.9 或更高版本 (推荐 8.11.0+)

2. 安装命令

npm/cnpm install -g @vue/cli

3.查看版本号

vue --version

4.查看命令

vue - h

5.创建项目

vue create vue-sell(项目名称)

6. 是否使用淘宝镜像加速

Your connection to the default npm registry seems to be slow
Use https://registry.npm.taobao.org for faster installation?

// 您与默认npm注册表的连接似乎很慢
使用https://registry.npm.taobao.org加快安装速度？

7. 选择预设

please pick a preset:     // 请选择一个预设
default (babel, eslint)  // 默认选择
Manually select features // 手动选择

  使用空格选中
  Babel       // 转码器，可以将ES6代码转为ES5代码
  TypeScript  // 它是JavaScript的一个严格超集
  Progressive Web App (PWA) Support  // 渐进式Web应用程序（PWA）支持
  Router      // 路由
  Vuex        // 状态管理模式
  Css Pre-processors // css预处理器
  linter / Formatter // 使用eslint 或者 格式化
  unit testing    // 单元测试
  e2e testing     // 端到端的测试

本人项目选择Babel、Router、Css Pre-processors、linter

? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)

// 路由器使用历史模式？ （需要在生产中为索引回退设置适当的服务器）（是/否）


Pick a CSS pre-processor  // 选择一个css处理器
stylus

 Pick a linter / formatter config:   // 选择linter / formatter配置：
 ESLint with error prevention only   // ESLint仅具有错误预防功能
 ESLint + Airbnb config              // ESLint + Airbnb配置
 ESLint + Standard config            // ESLint +标准配置
 ESLint + Prettier                   // ESLint + Prettier

 选择  ESLint + Standard config

 Pick additional lint features:   // 选择语法检查方式
 Lint on save                     // 我选择保存就检测
 Lint and fix on commit           // 修复提交的时候检测

 Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys)
 // Babel，PostCSS，ESLint等配置文件放在那里
 In dedicated config files
 // 在专用配置文件中
 In package.json
 // 在package.json中


 Save this as a preset for future projects?
 是否保存这些预设

8. 运行项目

npm run serve

9.项目打包

npm run build