VScode配置Vue环境

1 中文配置

点击这个插件商店 搜索 Chinese

点击install 重启之后就是我们可以操作的中文界面了

2 安装Vetur同上

3 ESLint 

4 Auto Close Tag 以及 Auto Rename Tag

5 Path Intellisense 在你输入目录路径时自动补全

6 HTML CSS Support 属性class id等补全

7 Keymap 快捷键 那个熟练用哪个。

8 vscode-icons

9 更换终端  git Bash

默认的是powershell

我们选择默认Shell

当然有些同学没有安装git 那就百度搜索git 在官网下载即可

这个命令shell特别好用去那个盘不用输什么cd C:\

只需要 cd /c 即可

选择之后需要关闭终端选项卡重新打开 之后就是git bash 了还是彩色的 真香。

最后再啰嗦一句 需要 安装node.js环境 和yarn环境的直接百度 去官网下载安装包 安装即可。

额。再啰嗦一句 需要配置setting sync的插件的 请妥善保存token 我没保存。现在又走了一遍教程  ！_ ！

！！！！

进入到cmd命令框输入npm install --global vue-cli

zhangjie@DESKTOP-OH31QSU MINGW64 /d/vscodeProjects/xlsttest (master)
# 重要！！！ 这里进入了xlsttest目录 然后初始化时需要指定该目录
$ vue init webpack xlsttest

? Project name xlsttest
? Project description test xls
? Author moxiao <1428743731@qq.com>
? Vue build standalone      
? Install vue-router? No
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "xlsttest".