最近公司开发的小程序是用vue.js前端开发框架实现的,需要安装nodejs才能在本地通过微信开发者工具访问。
一、下载nodejs的安装包:
下载地址:https://nodejs.org/zh-cn/download/
根据自己电脑系统及位数选择,一般都选择windows64位.msi格式安装包
网站上提供的安装包版本过高,也可以通过以下链接获取安装包。
链接:https://pan.baidu.com/s/1UxoaTY-AbVm-bNZC7PdrVQ
提取码:38mj
下载到本地后直接双击安装就行,记住安装的路径,我是安装到C:\Program Files\nodejs
安装成功后会在系统环境变量的path中自动添加nodejs的安装路径,可以先不用关注。
打开cmd输入node -v查看nodejs的版本号。
二、改变nodejs的下载依赖包路径
安装完nodejs后,也同时安装了npm,npm是nodejs中下载依赖包的命令,管理nodejs中的依赖包,下载依赖包时默认下载的路径是C:\Users\Administrator\AppData\Roaming\npm\node_modules,可以通过npm root -g查看。
我们也可以把包的路径放到nodejs安装的路径下面,先在安装路径下创建两个文件夹
node_global 、node_cache
然后在cmd中输入以下命令:
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
三、配置环境变量
1、配置系统环境变量 NODE_HOME C:\Program Files\nodejs
2、配置系统环境变量NODE_PATH C:\Program Files\nodejs\node_global\node_modules
3、配置系统环境变量 CNPM_PATH
C:\Program Files\nodejs\node_modules\cnpm\bin
4、在系统变量path中新建%NODE_PATH%、%NODE_HOME%、%NODE_HOME%\node_global、%CNPM_PATH%
四、安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
设置淘宝镜像仓库,这样下载依赖包会很快。
五、安装wepy
cnpm install -g wepy-cli
看到版本号代表安装成功。
六、启动项目
cnpm run qa
启动vue项目的测试环境。输入cnpm run dev启动开发环境。
注:上面配置环境变量都是在系统变量中配置的,如果启动项目还是报错,就在用户变量中也配置一份同样的环境变量。