使用Vue-cli创建vue项目（vue基础）

1.在CMD下输入下面的命令

vue create demo

2.选择配置方式

说明：

• Default ([Vue 2] babel, eslint)：默认配置（vue2）
• Default (Vue 3 Preview) ([Vue 3] babel, eslint)：默认配置（vue3）
• Manually select features：手动默认配置
  这里我们选择Manually select features 手动配置

3.手动选择项目所需要的包*

说明：

• Choose Vue version: 选择vue版本
• Babel：Babel编译，将ES6编译成ES5，进行兼容
• TypeScript：给Javascript添加特性的语言扩展
• Progressive Web App（PWA）Support：让网页渐进式地变成APP
• Router：Vue路由
• Vuex：Vue状态管理
• Css Pre-processors：CSS预译器（包括：SCSS/Sass，Less，Stylus）
• Linter/Formatter：代码检测和格式化
• Unit Testing：单元测试
• E2E Testing：端到端测试

根据自己的需求进行勾选，方向键↑↓进行选择，按空格可选中/取消

4.vue版本

说明：
根据自己的项目需求进行选择

5.路由是否采用history模式，选择Y

6.选择css编译方式

说明：
选择自己熟练的编译方式，这里我选了less

7.选择代码规范

说明：

• ESLint with error prevention only：只进行报错提醒
• ESLint + Airbnb config：不严谨模式
• ESLint + standard config：正常模式
• ESLint + Prettier：严格模式

8.选择合适校验代码规范

9.配置文件放在一个独立的配置文件中？还是放到package.json中？

说明：
根据自己的项目需求进行选择

10.是否保存当前预设，下次构建无需再次配置

说明：
如果想要保存之前设置，可以选择y，然后输入自己想保存的名称即可，下次创建时无需再配置，如果不想保存，可以再按上面的步骤再来一次。

点击这了解vue创建后的目录→详情在此，请单击

这就是创建一个vue项目的步骤，如果想了解更多→https://cli.vuejs.org/zh/guide/