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

Node.js 下载nodejs  x64最新版

下载完成后，双击默认安装，如下图直到安装完成

2.Visual Studio Code - Code Editing. Redefined  下载 vscode安装包 64位最新版本

安装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 智能提示当前项目所支持的样式

3.配置开发全局环境,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

显示版本号，就没问题了

使用Vue等命令时，如提示“因为在此系统上禁止运行脚本”，按下面步骤解决：

执行一下代码即可

set-ExecutionPolicy RemoteSigned

4.微信开发者工具 安装最新版本即可

5.git代码版本管理

Git - Downloading Package

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

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

安装TortoiseGit及中文语言包

Download – TortoiseGit – Windows Shell Interface to Git

注意先安装TortoiseGit，再安装语言包

然后右键任意文件夹，在菜单里配置语言为中文即可开始使用了

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

登录 - 腾讯工蜂 腾迅工蜂

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

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