使用vue创建项目

一、vue/cli 安装

1.使用npm install -g @vue/cli 全局安装vue
2.使用vue -V查看当前版本号

二、vue create创建项目

1.1 输入命令vue create 项目名字

1.jpg
第一个为默认选择，第二个为自定义选择（建议选择这个）
1.2 使用cmd选择的操作方法：
1.2.1 按<上下键>移动，按<space>进行是否选定【空格键选择】，按<a>切换所有，按<i>反转选择

2. 根据自己需求进行选择
   2.jpg
   注：Babel : 将ES6编译成ES5
          TypeScript: javascript类型的超集
          Progressive Web App (PWA) Support: 支持渐进式的网页应用程序
          Router: vue-router
          Vuex: 状态管理
          CSS Pre-processors: CSS预处理
           Linter / Formatter: 开发规范
          Unit Testing: 单元测试
          E2E Testing: 端到端测试
   3.路由器是否使用历史模式
   3.jpg
   我这里选择 n
   4.配置CSS
   4.jpg
   node-sass 表示自动实时编译
   dart-sass 表示保存后生效
   5.配置ESLint，没有选择的可以略过此步
   5.jpg
   编码规范：
   1.只进行报错提醒；
   2.不严谨模式；
   3.正常模式；
   4.严格模式；
   6.配置文件的存放位置
   6.jpg

7.jpg

第一个放独立文件夹，第二个放package.json
7.填写项目描述

1594951063(1).jpg

不用写。
8.CD到创建的项目文件夹里运行npm run serve