安装跟部署nodejs--原创

下载安装nodejs  去官网下载 然后安装重要的几个

所以express安装的时候要用 npm install express -g

然后 修改全局变量 记得在电脑的环境变量里面配置下

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

npm config set cache "C:\Program Files\nodejs\cache" (先建好cache目录)

node 环境变量 配置

npm是NodeJS的模块管理，我们可以自己配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在NodeJS的主目录下，便首先在NodeJs下建立“node global”及“node cache”两个文件夹。

 

接着在cmd中键入两行命令：

npm config set prefix "D:\nodejs\node global"
npm config set cache "D:\nodejs\node cache"

可以通过输入npm config get prefix来查看设置是否成功。

设置成功

第五步：设置系统环境变量

打开系统环境变量对话框，如图所示：

由于改变了module的默认地址，所以用户变量都要跟着改变一下（用户变量PATH修改为刚才我们设置的全局模块存放路径），要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令，也不是可运行的程序或批处理文件”这个错误。

我使用的全局模块存放路径为D:\nodejs\node global（见上方设置的prefix值），我将它添加到我的用户变量里面

 

同时在系统变量添加NODE_PATH变量，使用全局安装时，首先会在这个目录去寻找模块。

Paste_Image.png

第六步：测试安装模块Bower

在命令行输入npm install bower -g，稍等片刻后便会安装成功，再次在命令行输入bower -v，会出现正确的版本号，表示配置成功。

配置成功

最后可以尝试 建一个vue 项目了

//这是 参考vue的配置

最好是用 npm install -g cnpm --registry=https://registry.npm.taobao.org 先安装 cnpm

# install vue-cli
$ npm install -g vue-cli  或者 cnpm 也可以

 

# create a new project using the "webpack" boilerplate
$ vue init webpack mytest   

 填写选择完整 创建成功

 

 

上面创建完之后 有提示如何运行项目

 

# install dependencies and go!

然后cd到该项目目录下面
$ cd mytest

执行安装  上面安装过 cnpm 可以替换npm 会比较快
$ npm install

 

开始运行该项目
$ npm run dev

 

这个时候 你输入地址   http://localhost:8080   运行成功