win 配置vue开发环境

151 阅读1分钟

安装nodejs

安装包直接按钮

安装yarn

node i -g yarn 后面使用yarn安装node依赖和执行命令

安装git

安装在系统盘

安装vscode

  • 安装之后都在vscode中启动终端,并选择git bash 作为shell
  • 安装Vetur插件-识别vue文件
  • 安装Prettier插件-格式化
  • 安装Eslint插件-代码规范
  • 安装Auto Close Tag插件-编辑器自动生成闭合标签

vscode 快捷键:

  • alt + 左/右 前进/后退

安装vue-cli

npm i -g @vue-cli

初始化vue工程

image.png

image.png

image.png

image.png

image.png

配置setting.json

/* 设置保持自动进行eslint的格式化 */
"editor.codeActionsOnSave": {
    "source.fixAll": true
},
/* 关闭编辑器自带保存格式化功能,此功能会用Vetur进行格式化。*/
"editor.formatOnSave": false,
/* 设置终端shell */
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"

配置多个git仓库账号

参考