Window系统
1. 下载及安装
下载地址:官网 https://nodejs.org/en/download/

安装:
我的安装目录为【D:\nodejs\ 】修改成你自己的安装目录【Yours\nodejs\】
安装地址不建议在C盘,全局变量会安装在安装目录下 ,一路默认安装
安装包默认安装NPM,测试是否安装成功

2. 环境配置
环境配置主要配置的是 npm 安装的全局模块所在的路径,以及缓存 cache 的路径。
在安装目录【Yours\nodejs\】
下新建两个文件夹【node_global】【node_cache】用来存放最终的模块配置位置以及安装过程的缓存文件

启动 cmd,根据 nodejs 的安装目录【Yours\nodejs\】
,将npm的全局模块目录和缓存目录配置到我们刚才创建的那两个目录,输入
npm config set prefix "Yours\nodejs\node_global"
npm config set cache "Yours\nodejs\node_cache"
配置环境变量:
在【系统变量】下新建【NODE_PATH】,输入【Yours\nodejs\node_gloabl\node_modules】
NPM环境路径
将【用户变量】下的【PATH】为【C:\目录\npm】
的变量修改为【Yours\nodejs\node_global】
修改nodejs默认的模块调用路径


测试:
配置成功后,安装 vue 模块进行测试,打开 cmd,输入
npm install vue -g // -g为全局安装

安装成功后在【Yours\nodejs\node_global\node_modules】
目录下,可以看到安装好的 vue 模块
3. 编辑器VSCode
VSCode是一款免费开源的轻量级代码编辑器
下载地址:官网 https://code.visualstudio.com/
根据操作系统进行下载,选择安装目录,选择其他任务时添加到PATH
,完成安装
测试vue:
写一个 js 文件,引入 vue
模块,并输出,然后在 node 中执行该 js 文件


网友评论