Vue环境搭建+VSCode

一、node.js安装步骤

1.官方下载地址

在Node.js官网https://nodejs.org/en/download/下载安装包。

注：下面Previous Releases中可以下载node.js历史版本。

2.下载后进行安装。

（傻瓜安装，一路默认即可。注：安装路径默认是：C:\Program Files。选择自己的安装路径）

3.验证

“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”，看到环境变量也已经自动配置好了

同时也可年看到npm包管理器的默认下载目录，如下图

打开命令行，输入node -v可以查看到版本号。输入npm –v可看到npm版本号。
新版的Node.js已自带npm（类似.net中的nuget包管理器），安装Node.js时会一起安装。（将来要更新npm可用这个命令npm intall npm@latest -g）

4.环境配置

主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install -g vue（后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。
例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\JAVA2018\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：

创建完两个空文件夹之后，打开cmd命令窗口，输入：
npm config set prefix “D:\JAVA2018\nodejs\node_global”
npm config set cache “D:\JAVA2018\nodejs\node_cache”

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”,进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\JAVA2018\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\JAVA2018\nodejs\node_global】

5.测试

打开cmd命令窗口，输入：node 再输入：require(vue)

二、相关配置供参考

1.关于启动Vue项目的网站
:https://blog.csdn.net/six_six_six_666/article/details/82633731

2.vscode安装指南:
https://blog.csdn.net/junshangshui/article/details/80376489

3.VUE运行前端项目中解决内存溢出:
https://blog.csdn.net/liub37/article/details/82866763

4.vscode快捷键:
https://www.cnblogs.com/bindong/p/6045957.html

https://blog.csdn.net/weixin_41217541/article/details/103366882