搭建vueCli3脚手架入门

270 阅读1分钟

回顾vueCli2的创建命令行 搭建vueCli2命令行:vue init webpack test

test是项目名称,可以自己取名字!

下面才是正文 搭建vueCli3命令行:vue create 项目名 我搭建一个项目名为testvuecli3的项目。

  1. Please pick a preset

image.png

请选择default配置:

default:是默认配置。

Manually:是手动选择一些特性。

选default的话会直接默认配置好,我选第二个手动配置来看看。

image.png 有非常多的配置选项,可以上下选择,按空格选中(或取消),

2.Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?

image.png 你的配置文件打算放在哪里? 独立的文件里面吗?还是放在package.json

In dedicated config files 放在单独的文件里

In package.json 放在package.json

我一般会选择第一个。

2. Save this as a preset for future projects?

image.png 是否保存此预设(选择yes的话下次就可以不用进行配置)

3.Save preset as

image.png

准备保存什么名字?

4. pick the package manager to use when installing dependencies

image.png

选择 Yarn 或者 NPM(看你个人情况选择)