webstorm使用前的准备——Node.js安装及配置

1.下载Node.js（自带npm）
打开官网下载链接:https://nodejs.org/en/download/

避坑指南:
这里一定要注意不要点击current去找那个最新版本，不然在后面配置的过程中很可能会炸，那个是17版本，下载LTS下的16版本完全够用，不用追求最新。要不然在后面卸载nodejs巨难受，踩坑亲身经历。
安装nodejs的过程这里不予给出，挺简单的自己设置一个安装路径，剩下的一路next下去就可以。
2.在nodejs路径下新建两个文件夹node_cache和node_global.如下:

3.设置nodejs prefix（全局）和cache（缓存）路径

打开cmd指令，win+R
输入如下指令:
a.设置缓存文件夹
npm config set cache “C:\Program Files\nodejs\node_cache”
b.设置全局模块存放路径
npm config set prefix “C:\Program Files\nodejs\node_globe”
自己根据自己的下载路径改改后面的，这里为了方便，我直接下到了C盘，大家可以选择其他盘块。

4,设置环境变量(important，很重要，要仔细一点，网上关于这方面的教程各有千秋，可以试试我这种，找了很多，这一种亲测可行，如果不行的话也可以自己找一找其他的)。
a.系统变量
NODE_PATH
新建一个NODE_PATH，变量值根据自己的自己配一下。

Path
编辑Path，新增如下两个环境变量，其中一个可能配置完上一个就会自动生成。这一步的配置网上偏于多样化，可以多多参考。

b.用户变量
path编辑，新增
%NODE_PATH%\node_global

5.简单测试
node -v
npm -v

6.安装淘宝镜像（类似于阿里云的maven中央仓库镜像）
安装命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org

验证命令：cnpm -v

敲重点:从第六步开始（包括第六步），就要关闭cmd，以管理员方式运行cmd窗口了，否则后续指令是行不通的，这是当初踩坑后花了半个多小时才找到命令运行失败的原因，愿诸君避开此坑。

7.安装webpack
命令行语句为 cnpm install webpack -g

8.安装Vue
cnpm install vue -g

9.安装vue命令行工具，即vue-cli 脚手架
cnpm install vue-cli -g

10.检测是否安装成功
node -v
npm -v
webpack -v
vue -V
这里注意如果webpack -v出现如下:

不用管，直接回车，然后执行如下指令。
npm install webpack-cli -g

11.下载安装git

安不安装不影响其实，看实际需求吧，自己开发的话，有上面那一个作为调试已经是够用了，如果是团队合作开发的话，可以考虑下一个。

官网：https://git-scm.com/
三方：https://pc.qq.com/detail/13/detail_22693.html
这里建议使用第三方，官网好像要翻墙，这玩意真是有毒。

到这里，就要和各位说再见了，配置圆满完成，对于webstorm的使用，如果后续有时间的话，会进行更新。

努力一定有回报，诸君晚愉。

渐行渐远的只有背影，能够留下的皆是时光。

webstorm使用前的准备——Node.js安装及配置相关推荐

Node.js安装与配置（详细步骤）
前言本篇博文记录了Node.js安装与环境变量配置的详细步骤,旨在为将来再次配置Node.js时提供指导方法. 另外:Node.js版本请根据自身系统选择,安装位置.全局模块存放位置和环境变量应根据 ...
Node.js安装与配置--＞Windows
前言 Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动.非阻塞式I/O模型, [1] 让JavaScri ...
Node.js 安装及配置
1.下载安装包 Node.js 官方网站下载:https://nodejs.org/en/ 2.安装打开安装,傻瓜式下一步即可: 选择安装位置,我这里装在D盘下: 安装成功,按Ctrl+R键输入cm ...
Node.js 安装---环境配置---输出Hello World !
目录 [一].推荐学习资源 [二].安装Node环境 (2.1)查看当前Node环境的版本号 (2.2)下载软件:https://nodejs.org/en/ [Node.js 官网] (2.3 ...
node.js 安装及配置（hello world）及 node 的包管理器（npm）
下载地址:Download | Node.js,无脑下一步安装即可: 安装时,会自动将 node 可执行文件路径添加进 Path 内,这样进入 cmd 命令行,以查看 node 的安装版本: > ...
网站开发（一）Node.Js 安装和配置及express配置
目录 @[TOC](目录) 一.Node.js的下载和安装 1 下载 2 安装 3 检查是否安装成功二.环境配置 1 node和npm环境配置 2 配置全局模块的存放路径以及cache的路径三.安 ...
node.js linux 网站,Node.js安装与配置
Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行Linux 或 Mac OS X.如果是在Win ...
安装软件，python安装，node.js安装，pycharm安装，vscode安装,PR, PS, LR.AE Windows开关机等，雪崩的时候没有一片雪花儿是无辜的
安装 (汉语词语) 安装,汉语词汇,就是按照一定的程序.规格把机械或器材固定在一定的位置上,也指按照一定的方法.规格把机械或器材等固定在一定的地方. 出处徐迟 <石油头>:"就 ...
webstorm配置环境变量_sulky环境配置，node.js安装以及如何运行webstorm的web app项目...
该文章用来记笔记用的,主要记录如何在webstorm上运行一个app项目,希望对于需要的人有帮助. 首先,要运行web app项目,必须先装好相应的环境以及配置. 其中node.js和其他需要的配置在 ...

webstorm使用前的准备——Node.js安装及配置

webstorm使用前的准备——Node.js安装及配置相关推荐

最新文章

热门文章