使用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 "你创建的node_global文件夹路径" npm config set cache "你创建的node_cache文件夹路径"

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

npm install -g cnpm --registry=registry.npm.taobao.org

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

npm i -g yarn

14. 在node的安装目录下新建两个文件夹
15. 设置缓存和全局的目录

npm config set prefix "你创建的yarn_global文件夹路径" npm config set cache "你创建的yarn_global文件夹路径"

16. 设置淘宝镜像

yarn config set registry registry.npm.taobao.org -g yarn config set disturl 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
}

参考文档： blog.csdn.net/dgfdhgghd/a… blog.csdn.net/zch981964/a… t.zoukankan.com/hzpeng-p-12… blog.csdn.net/qq_48898298…