前端vue环境搭建

前端vue环境搭建

nodejs 的下载

（1）nodejs 最新版本的下载 nodejs 的下载地址（中文）
nodejs的下载地址（英文）

(2) nodejs旧版本的下载


（3）下载完成后的安装包

nodejs 的安装

（1）双击安装包之后

（2）install之后静等一段时间，点击finish就可以了

nodejs 的配置

（1）安装完成之后，，.msi格式的安装包已经将node启动程序添加到系统环境变量path中,查看系统变量验证。（此电脑 右击 -> 属性 -> 高级系统设置 -> 环境变量）

（2）从（1）中可以看出已经将node程序添加到全局系统变量，我们可以直接在cmd窗口中任意位置执行node，打开cmd窗口，执行命令node -v查看node版本，由于安装nodejs里面半含有npm，所以执行命令npm -v可以查看npm版本。

（3）修改包路径：默认情况下，我们在执行npm install -g XXXX时，下载了一个全局包，这个包的默认存放路径下，可以通过cmd指令npm root -g查看。
默认路径也就是下图中的路径

（4）在node安装目录下下新建两个文件夹 ：node_global 全局包下载存放、node_cache node缓存。

（5）修改路径
在cmd窗口执行下面两条命令
或者在nodejs的安装目录中找到node_modules\npm.npmrc文件，修改如下：
prefix =D:\Program Files\nodejs\node_global
cache = D:\Program Files\nodejs\node_cache

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

1）由于把默认路径给改了，所以需要修改系统环境变量。修改用户变量path为：D:\Program Files\nodejs\node_global

之后当我们下载全局包的时候，例如执行命令npm install -g vue，我们就可以在我们设置的目录中看到下载的全局包vue。

2）新增系统变量NODE_PATH,变量值为 D:\Program Files\nodejs\node_global\node_modules