天天看点

Node.js | vue环境搭建

最近项目涉及到vue,先来个初步的环境搭建,记录一下!

首先安装nodejs: 点击我上车

Node.js | vue环境搭建

下载完,一路傻瓜式安装---

安装完毕后,在node安装目录创建两个文件夹“node_global”、“node_cache”,通过cmd命令执行两步操作:

1 设置缓存文件夹

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

2 设置全局模块存放路径

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

基于Nodejs安装cnpm(淘宝镜像)

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

配置环境变量,“我的电脑” 右键 “属性” - “高级系统设置” - “高级” -环境变量

我这里已经建好了~所以提示是编辑

Node.js | vue环境搭建

确定完之后 在cmd 里执行 使用cnpm 代替 npm

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

cnpm install express -g 执行完 之后 会在之前创建的node_gloabal里会有以下模块

Node.js | vue环境搭建

 然后复制该node_global 根路径放到环境变量里如下图

Node.js | vue环境搭建

 之后大功告成,验证cnpm -v 是否成功

Node.js | vue环境搭建

若提示上述信息,说明安装成功

安装vue

Node.js | vue环境搭建

初学vue,之后会陆续分享vue大法心得。