在VScode下搭建Vue环境

前言

此文章内所有路径均为我自己的安装路径
安装路径各自可不同请注意修改
此文章只提供步骤，有报错的自行baidu解决

1. 下载VScode

官网下载地址：https://code.visualstudio.com/Download

2. 下载nodejs

官网下载地址：http://nodejs.cn/download/

3. 安装教程

两个软件傻瓜式安装，可无脑一直next直至安装完成

4. 软件安装完成

可在cmd或其它Dos窗口内输入node -v进行查询安装的版本号

如无法查询，可能是因为环境变量没有自动配置，则需要手动在系统变量Path中添加一行 D:\nodejs\

5. nodejs环境配置

打开安装目录新建两个文件夹：node_cache，node_global

再次打开cmd窗口输入(注意安装路径)：

配置npm的全局模块的存放路径，cache的路径

npm config set prefix “D:\nodejs\node_global”

npm config set cache “D:\nodejs\node_cache”

最后往系统变量Path中新增一行D:\nodejs\node_global

6. 安装脚手架

在cmd或其它Dos窗口内输入 npm install -g @vue/cli 进行安装

npm install -g @vue/cli

7. 安装yarn

在cmd或其它Dos窗口内输入 npm install -g yarn 进行安装

npm install -g yarn

安装完成，可用VScode打开项目后在项目终端进行相关操作了