安装nodejs搭建vue开发环境

一、安装node.js(https://nodejs.org/en/)

下载好之后选择安装路径。一顿next就完事了

安装完完毕后在dos命令行输入以下命令测试是否安装成功,正确会出现版本号

npm -v

二、改变原有的环境变量,设置nodejs prefix(全局)和cache(缓存)路径(可以忽略,但是为了以后寻找方便建议做)


1.在nodejs文件夹下,新建node_cache和node_global文件夹

2、设置缓存文件夹

npm config set cache "D:\vueProject\nodejs\node_cache"

 设置全局模块存放路径

npm config set prefix "D:\vueProject\nodejs\node_global"

设置成功后,之后用命令npm install XXX -g安装以后模块就在D:\vueProject\nodejs\node_global里

三、设置环境变量(灰常重要)

1.修改系统变量PATH

 2.新增系统变量NODE_PATH(一定要弄,不然无法运行vue)

此后所安装的模块都会安装到该路径下  

3. 在命令行输入以下命令试着安装express(注:“-g”这个参数意思是装到global目录下,也就是上面说设置的“G:\Nodejs\node_global”里面。)

npm install express -g

安装完毕后可以看到.\node_global\node_modules\express 已经有内容

4.在命令行输入node进入编辑模式,输入以下代码测试是否能正常加载模块:

require('express')

假设成功,可以看到有输出。假设出错,检查NODE_PATH的路径。

我一开始设置成“G:\Nodejs\node_modules”报错,后来改成“G:\Nodejs\node_global\node_modules”成功

四、安装cnpm(淘宝镜像)

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

 输入cnpm -v检测是否安装成功

cnpm -v

五、安装vue和vue-cli脚手架

cnpm install vue -g
cnpm install vue-cli -g

安装完成可以在dos命令(黑窗口)下输入vue是否安装成功

vue

 最后可在.\node_global\node_modules看到自己所安装的模块

 

 参考文章:

阿MEI  https://www.cnblogs.com/zhaomeizi/p/8483597.html

悠鸣海 https://www.cnblogs.com/yominhi/p/7039795.html

猜你喜欢

转载自www.cnblogs.com/HDWdemo/p/12028543.html
今日推荐