vue最新环境搭建

1、安装node环境

下载地址：https://nodejs.org/en/download/

二，配置环境变量

说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径

1、计算机>>属性>>高级系统设置>>环境变量>>用户变量，找到path进行编辑后，确定即可

4、验证node环境

5、修改默认下载位置和缓存位置

说明：设置路径能够把通过npm安装的模块集中在一起，便于管理。1、在nodejs的安装目录下，新建node_global和node_cache两个文件夹，作者的安装目录为“D:\devSoft\nodejs\”

 

6、设置global和cache

npm config set prefix "D:\software\node\node_global" npm config set cache "D:\software\node\node_cache"

7、将node_global目录配置到path环境变量中

计算机>>属性>>高级系统设置>>环境变量>>用户变量，找到path进行编辑后，确定即可**

8、将node_modules目录配置到Path系统变量中

9、配置淘宝镜像并检查

npm config set registry=http://registry.npm.taobao.org npm config get registry

10、安装cnpm镜像(“-g” 表示安装到 global 目录下)

说明：由于许多npm包都是在国外，我们这里用到淘宝的镜像服务器，来对我们依赖的module进行安装，因此首先安装“中国的npm”——cnpm参考网址如下：http://npm.taobao.org/

 

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

11、安装vue

cnpm install vue -g

12、安装vue-cli命令行工具

cnpm install vue-cli -g

13、验证vue-cli是否安装成功

vue -V

打开node_modules文件夹验证一下

验证vue

 

idea开发vue项目