使用yarn安装脚手架

1. 卸载node.js > cmd中输入：npm cache clean --force

2. 在控制面板中把Node.js卸载

3. 在环境变量中找到所有关于node.js的删掉

4. 重启电脑
5. 在cmd中输入 where node 查看是否存在node目录
6. node.js安装 现在官网下载一个安装包，一路next下去，这里路径可以自定义(D:\kaifa_software\node)
7. 检测Node是否可用
8. 在node的安装目录下新建两个文件夹
9. cmd中 > npm config set prefix "你创建的nodeglobal文件夹路径" npm config set cache "你创建的nodecache文件夹路径"

10. npm list -g 可查看默认全局模块存放路径 11. 安装npm的淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

12. 手动的将node_global文件夹路径添加到path环境变量 13. npm安装yarn

npm i -g yarn 14. 在node的安装目录下新建两个文件夹 15. 设置缓存和全局的目录 npm config set prefix "你创建的yarnglobal文件夹路径" npm config set cache "你创建的yarnglobal文件夹路径"

16. 设置淘宝镜像

yarn config set registry https://registry.npm.taobao.org -g yarn config set disturl https://npm.taobao.org/dist -g

17. 全局安装vue/cli

yarn global add @vue/cli

18. vue -V不能执行为什么？ 19. 在命令框中输入 yarn global dir 查找yarn的全局目录,找到对应的 .bin放到path中 20. 再次尝试vue -V 21. 创建vue项目

vue create test1 22. 运行项目 yarn serve 23. 在vscode中执行yarn serve会报错 24. 先在vscode中右击属性改为“以管理员身份运行” 25. 找到Windows PowerShell，并以管理员身份运行，改成“RemoteSigned策略模式” 更改策略：set-ExecutionPolicy RemoteSigned 查看执行策略：get-ExecutionPolicy

26. 在vscode中再次执行yarn serve成功

27.VSCODE的简单配置

1. 首先安装一个vetur插件
2. 安装eslint插件
3. setting.json中的文件 { //以下两个ctrl+s保存格式化 "editor.formatOnType": true, "editor.formatOnSave": true, //以下两个是eslint插件安装后的配置 "eslint.run": "onType", "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, //eslint和自动格式化有冲突，解决：单引号ctrl+s会变成双引号 "vetur.format.defaultFormatter.js": "vscode-typescript", //以下两个设置自动缩进的字符为2(ctrl+s保存的时候也设置为2) "editor.tabSize": 2, "editor.detectIndentation": false, //自动保存(ctrl+s)的时候，函数名后加一个空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true }

参考文档： https://blog.csdn.net/dgfdhgghd/article/details/123356831 https://blog.csdn.net/zch981964/article/details/124853003 http://t.zoukankan.com/hzpeng-p-12152016.html https://blog.csdn.net/qq_48898298/article/details/117354281