Vue笔记(2) - vue-cli

1.vue-cli 基本使用

1.1 安装vue-cli

vue-cli 就是快速搭建一个基于webpack工程化的vue项目。 vue-cli中文官网

安装: npm install -g @vue/cli       (install可简写为i     npm i -g @vue/cli)

1.2 搭建vue项目

创建项目: vue create 项目名

vue create demo-first

1. 首先出现以下选项

如果选择前两个会直接创建项目，如果选择第三个需要继续配置。 建议使用手动。

babel适用于解决JS兼容性的，强烈建议使用。 

Vue CLI v5.0.8
? Please pick a preset: (Use arrow keys)
  Default ([Vue 3] babel, eslint)            // 使用vue3且使用预设的配置创建(包含了 babel和eslint)
  Default ([Vue 2] babel, eslint)            // 使用vue2且使用预设的配置创建(包含了 babel和eslint)
  Manually select features                    // 手动选择

2. 选择在项目中需要安装那些功能

Linter用于约束代码风格的，例如配置了只能使用单引号，那么代码中就不能使用双引号。 建议先不要使用。

? Check the features needed for your project: (Press <space> to select, <a> to