vue-cli 安装 已经preset 配置的删除

vue-cli

• commande-line interface 简称cli 俗称脚手架

• Vue-cli是一个官方发布vue.js项目脚手架

• 使用vue-cli 可以快速搭建Vue开发环境已经对应的webpack配置

• 依赖于node

• 安装脚手架(-g global)

npm install -g @vue/cli

• 创建项目

vue create （项目名称）

vue-cli创建过程

Please pick a preset: (Use arrow keys)：请选择一个配置

fangz：我之前设置的一个默认的配置

Default ([Vue 2] babel, eslint)：默认vue2的配置

Default (Vue 3) ([Vue 3] babel, eslint)：默认的Vue3的配置

Manually select features：手动选择配置

Manually select features：手动选择配置

按方向键（↑↓）选择，按空格键选定，选定的会有(*)，选好后按下Enter键

需要哪个就按照哪个

Progressive Web App (PWA) Support：先进的Web App 支持，会相较于以前的app会多很多功能，比如用这个开发出来的app会有推送通知，想知道详情可以去了解一下这个东西

css Pre-processors：css预处理器

Linter/Formatter：可以做代码检测

Unit Testing：单元测试

E2E testing：端到端测试

其他的我就不翻译了，相信安装cli的应该都有了解

这个是Cli 版本选择，新手最好选择2.X，

这里的是，选择某些配置文件是否打包

In dedicated config files：配置文件独立出来

In package.json：配置文件放到package.json里面

我一般选择单独的，这样方便修改配置文件

Save this as a preset for future projects? (y/N)

把刚才你的配置保存为一个预设，就像前面出现的 fangz 就是我之前配置的保存下载，那么你下次创建vue/cli时，就可以直接多一个选项的预设(配置) 如果想就 Y 不想就 N

按下Y后

保存配置的名字，你可自定义你保存的配置名字

自定义名字，按下Enter后：项目创建成功

这是一个空的vue-cli

---

---

如何删掉自己保存的vue-cli创建配置

在这个地址下的： .vuerc 文件里，双击打开

就是我上面创建的配置(preset)，删掉即可，厉害的可以直接在上面编译。直接生成配置

就是我上面创建的配置(preset)，删掉即可，厉害的可以直接在上面编译。直接生成配置