第一步,安装npm和node.js
第二步,打开cmd,因npm的仓库服务器地址在国外,国内访问会很慢,我们把镜像源设置为国内后下载会更快,使用以下命令。然后再下载安装脚手架!!
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install -g vue-cli
参考链接https://www.jianshu.com/p/70644a7d56f5
第三步,然后再切换到相应的版本下
第四步,创建项目名,
第五步,选择默认模式进行配置
Please pick a preset: 请选择一个预设:
default (babel, eslint) 默认值(babel、eslint)
Manually select features 手动选择要素

第六步,进行具体的配置
空白键选择,选择完毕后enter进入下一页配置
Check the features needed for your project: (Press
<space>to select,<a>to toggle all,<i>to invert selection) 检查项目所需的功能:(按<space>选择,<a>切换全部,<i>反转选择)
注意:下面所选的四个,是最简单的脚手架配置!!
(*) Babel 模式history或者#模式
( ) TypeScript 现在不勾选,但TS语法很好,很流行
( ) Progressive Web App (PWA) Support 渐进式的web技术
(*) Router Vue.js 官方的路由管理器
(*) Vuex Vue.js 应用程序开发的状态管理模式
(*) CSS Pre-processors CSS 预处理器:一种具有编程逻辑的CSS语言。允许使用类似变量、函数、继承、运算符等编程方法来编写CSS文件。
() Linter / Formatter 不勾选,因会对语法严格控制
( ) Unit Testing 单元格测试
( ) E2E Testing e2e-testing测试
安装vuex的方式:https://blog.csdn.net/zhaojie911272507/article/details/106219738,习惯用npm安装到项目里


最简单的脚手架–只需保存四个即可。
百度翻译:
Please pick a preset: Manually select features
Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Unit
请选择预设:手动选择功能
检查项目所需的功能:Babel、路由器、Vuex、CSS预处理器、单元
Use history mode for router? (Requires proper server setup for index fallback in production) Yes
路由器是否使用历史模式?(需要为生产中的索引回退进行适当的服务器设置)是
Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default)
选择CSS预处理器(默认情况下支持PostCSS、Autoprefixer和CSS模块)
Less
Pick a unit testing solution: Jest
选择一个单元测试解决方案:Jest
Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?
您喜欢将Babel、PostSS、ESLint等的配置放在哪里。?
In dedicated config files在专用配置文件中
Save this as a preset for future projects?NO
是否将此保存为将来项目的预设?
第七步,开始创建项目(等待即可)

第八步,切换到项目下,再运行
第九步,复制黏贴到浏览器上即可

第十步,从vscode上打开
参考学习:使用vuecli创建项目需要多长时间(淘宝详细步骤可看)https://www.cnblogs.com/l-y-h/p/11241503.html