一、安装 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 日
如果觉得我的文章对你有用,请随意赞赏