VSCode+Node.js配置Vue开发环境

1. https://nodejs.org/en 下载nodejs
   下载完成后，双击默认安装，直到安装完成。

2. 
   2.

3. Visual Studio Code - Code Editing. Redefined  下载 vscode安装包 64位

4. 安装vscode，右键安装包，“以管理员身份运行”
   
   
   
   完成后运行 Visual Studio Code，点左侧此图标
   
   
   
   输入chinese，会自动搜索到中文语言包，点 Install按钮，进行安装。
   
   安装完后，在右下角会有提示切换语言，点击后会自动重启软件并切换成为中文版
   
   同样方法搜索 Volar，并安装 下图(安装Vue 3支持)
   
   同样方法搜索 Vetur，并安装 下图第一个
   
    

   功能为：语法高亮、智能感知、Emmet等包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）

   同样方法搜索 VueHelper，并安装
   
   搜索 ESLint 安装   ESLint语法纠错功能
   
   搜索Auto Close Tag   安装  自动闭合HTML/XML标签
   
   搜索Auto Rename Tag  安装 自动完成另一侧标签的同步修改
   
   搜索JavaScript(ES6) code snippets  安装：ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
   
   搜索HTML CSS Support  安装： 让 html 标签上写class 智能提示当前项目所支持的样式
   配置开发全局环境,Win键+R,输入cmd,确定或回车，进入到命令行执行后续的配置操作（或从开始菜单->Windows系统->命令提示符 进入cmd
   

   安装yarn命令工具

   npm install -g yarn

   执行成功后再执行后面的配置
   
    

   安装最新的镜像源

   npm config set registry https://registry.npmmirror.com/

   或用yarn命令

   yarn config set sass_binary_site https://cdn.npmmirror.com/binaries/node-sass -g

   yarn config set registry https://registry.npmmirror.com/ -g

   安装vue/cli命令

   npm install -g @vue/cli

   安装vue/cli-init

   npm i -g @vue/cli-init

   测试vue是否安装成功：

   vue –V

   显示版本号，就没问题了
    

4

1. git代码版本管理

https://git-scm.com/download/win

下载选择自己系统对应版本的安装，一般安装64位即可

下载完成后以管理员权限运行安装包，默认安装即可（可以不安装默认的菜单）

 

安装TortoiseGit及中文语言包

Download – TortoiseGit – Windows Shell Interface to Git

注意先安装TortoiseGit，再安装语言包
然后右键任意文件夹，在菜单里配置语言为中文即可开始使用了

Git服务可自行申请免费的服务，创建私有或协作库来维护项目代码

登录 - 腾讯工蜂 腾迅工蜂

Gitee - 基于 Git 的代码托管和研发协作平台

Git使用方法请自行查阅网络资源学习！

谢谢！