Vue学习笔记之搭建环境 (一)

一、开发工具安装

我开发工具使用的是 Visual Studio Code
官方下载地址:：https://code.visualstudio.com/
电脑什么版本就下载什么版本，下载完后直接安装就完事了

二、安装ndoe.js

官方下载地址：http://nodejs.cn/download/current/
下载完后双击msi安装包，一直点下一步就行了，安装的目录想换就换

安装完之后检验一下是否安装成功，打开cmd界面，输入npm -v和node -v指令查看版本号
下图为例，说明下载成功了

三、配置node.js

1、修改全局模块下载路径
将我们安装的模块和缓存放在我们指定的目录下，我这里在nodejs的安装目录下新建了node_cache和node_global文件夹

新建完文件夹之后，打开cmd界面，输入指令绑定这两个目录；
以下只是我们这边的目录，需要改成你自己的目录

# 设置模块目录
npm config set prefix "D:\mysoftware\nodejs\node_global"
# 设置缓存目录
npm config set cache "D:\mysoftware\nodejs\node_cache"
1
2
3
4

2、修改环境变量

D:\mysoftware\nodejs\node_global
1

系统变量新增配置

NODE_PATH
D:\mysoftware\nodejs\node_global\node_modules
1
2

测试一下配置是否成功

打开cmd界面输入指令:

npm install express -g
1

打开本地磁盘，看一下是否保存到了我们配置的目录

这样说明配置成功了。

3、更换npm源为淘宝镜像

cmd界面复制粘贴执行以下指令:

# 配置成淘宝镜像
npm config set registry https://registry.npm.taobao.org/
1
2

# 查看当前npm源
npm config get registry
1
2

提示https://registry.npm.taobao.org/说明配置成功了

4、全局安装基于淘宝源的cnpm

cmd界面复制粘贴执行以下指令:

npm install -g cnpm --registry=https://registry.npm.taobao.org
1

本地指定的目录可以看到刚才下载的模块了

重新打开一个cmd界面，输入以下指令：
查看cnpm是否安装成功

# 查看版本
cnpm -v
1
2

就此环境搭建完成！！！

注意：如果安装过程中出现什么问题，可以先检查一下目录和环境变量是否配置正确，出现mkdir什么的错误很有可能是文件夹没有权限，给文件夹加一下权限就OK了