一、安装 Vue CLI

npm install -g @vue/cli

二、创建项目

vue create 项目名称

创建项目时:

第一步选择Manually select features（自定义配置）

第二步选择Babel、Router，取消Linter / Formatter选择

第三步选择2.X

第四步Use class-style component syntax?写N

第五步选择In dedicated config files

第六步Save this as a preset for future projects?是否将当前选择的配置情况存放为模版，这里选择不存放（n）

以上步骤完成后项目即可自动创建，将项目拖到VSCode即可完成项目的创建。

补充：第二步中的相关解释

Babel：转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。

TypeScript：是JavaScript的超集，包含并扩展了JavaScript的语法，需要被编译输出为JavaScript在浏览器运行（不建议选）

Progressive Web App（PWA）Support：渐进式Web应用程序

Router：vue-router路由

Vuex：vue的状态管理模式

CSS Pre-processors：CSS预处理器

Linter / Formatter：代码风格检查和格式化

Unit Testing：单元测试

E2E Testing：e2e（end to end）测试

最后修改：2024 年 01 月 22 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏