今日 小七安装node js 的时候发现了好多的版本哈，而且现在最新版本的nodejs 已经不支持 window 7 的系统了。 

ndoe js 下载地址： 

https://nodejs.org/en/download/

关于 以前版本的下载

如果有朋友是老系统的，可以找一下老版本。 

下面开始安装和配置喽。

第一步：下载nodejs

中文官网：

https://nodejs.org/zh-cn/download/

如下图是最新的版本，不用怕这是最新的直接下载就可以了，选择windows版本，LTS是长期支持版本，箭头所示下载64位压缩版；个人觉得压缩版本就够了；（可能安装版的功能更多，为了方便这里使用解压版就够做项目了）

第二步：解压上面下载的压缩包，然后在安装目录下新建两个文件夹 node-cache 和 node-global

                    这里要注意一定要在解压缩包当前目录里打开cmd窗口：shift+鼠标右键----->打开命令窗口，否则是没有npm命令的；

                    cmd执行,配置NPM全局模块路径和cache默认安装位置

                    npm config set cache "E:\nodeInstall\node-v10.14.0-win-x64\node-cache"
                    npm config set prefix "E:\nodeInstall\node-v10.14.0-win-x64\node-global"

第三步：修改配置环境变量     

                  在桌面右键我的电脑（或计算机）---属性 ---高级系统设置----环境变量----       

                  添加NODE_HOME : E:\nodeInstall\node-v10.14.0-win-x64    (你的nodejs安装根目录，如下图)
                  path添加:    ;%NODE_HOME%;%NODE_HOME%\node-global;  

以上就配置好了环境变量；

第四步：修改npm镜像为taobao   为什么要这么做，因为如果用npm下载更新的话，npm速度回非常慢，而且容易出错；

                    npm install -g cnpm --registry=https://registry.npm.taobao.org    注意执行这个命令，黑窗口还是在你的nodejs 安装根目录，就是你上边一致执行的窗口；

                    执行完毕，关闭黑窗口命令；

第五步：重新打开cmd命令窗口（cnpm 命令无效说明上一步没做好，因为上一步已经配置了全局），安装vue-cli 脚手架：                  

                    cnpm install --global vue-cli
                    简写: cnpm i -global vue-cli

     到这一步nodejs已经安装完了 ，并带有vue-cli;

第六步： 随便在你的电脑选一位置（创建项目文件夹）,cmd执行

                    vue init webpack   xxx_front         其中“xxx_front”为你的前端项目名称，等待完成后，到此你的前端框架已经搭建完成；

运行项目：运行前先在你的项目根目录下：cnpm install 或cnpm i 安装前端需要的包，安装好回多出一个文件夹：node_modules   

                       然后还是在你的项目跟目录，黑窗口执行cnpm run dev 

                      后续打包的命令是cnpm run build

再安装过程中，很容易出现 npm 的版本 和 vue的版本的冲突的问题，或者 npm 版本过低等。

例如  ：错误1、 

EMISSINGARG Error

npm ERR! node v6.6.0

npm ERR! npm v3.10.3

npm ERR! code EMISSINGARG

npm ERR! typeerror Error: Missing required argument #1

这种错误可能是由于 npm 版本引起的，可以尝试升级 npm 版本：

npm install npm -g -f

2、 vscode 终端 运行项目 项目报错 NODE : 无法将“NODE”项识别为 CMDLET、函数、脚本文件或可运行程序的名称，或者CODE RUNNER无法运行JS和用DEBUG无法调试JS

但是直接在vscode终端运行项目会报错NODE : 无法将“NODE”项识别为 CMDLET、函数、脚本文件或可运行程序的名称，或者CODE RUNNER无法运行JS和用DEBUG无法调试JS

查看了一下node的环境已经配置了，而且在shell端可以启动起来项目，说明node环境没有什么问题，问题应该出现在vscode端，查了一下原因，果然；

vscode的配置

launch.json文件里面要添加：

 "runtimeExecutable": "C:\\Program Files\\nodejs\\node.exe"  告诉vscode,nodejs环境放在哪里

node exe 为 你安装的node 的安装地址。

我是小七

需要域名

记得找小七

喜欢的记得收藏

喜欢记得转发

谢谢关注小七

长按识别二维码更多精彩

代开微信公众号

代写文章

代开流量主

微信公众号运维

软件开发

软件制作

有需要找小七