node.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > node.js > Nodejs/Vue安装及环境配置

Nodejs/Vue安装及环境配置实践

作者:AC_meimei

本文介绍了Node.js的下载、安装、配置环境变量及Npm模块的步骤,首先,在通过官网下载对应系统的Node.js安装包,其次,安装完成后,创建npm模块目录;配置系统环境变量,接着,介绍了vue-cli的两种安装方法:npm和cnpm,最后;安装express模块

一、下载Node.js

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

2、下载:注意选择 系统和位数 ,注意下载的地址:

3、安装:

(1)建议还是修改一下安装位置,NodeJS默认安装位置为 C:\Program Files安装,可以选择自己的安装位置,安装时一直都是next,我选择的是“C:\”

(2)在"C:"下打开cmd 输入

  node -v		  // 查看node的版本,出现版本就安装成功了!
  npm -v		 // 查看node的版本,出现版本就安装成功了!

二、环境配置

1、创建npm模块目录:

分别在node里安装目录下创建node_cache和node_global两个文件夹。

2、打开cmd输入:

npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"

3、配置环境变量:

我的电脑->右键->属性->高级系统设置->高级->环境变量

系统变量配置:

复制“C:\node\node_global\node_modules”路径

配置完 系统变量,接下来配置 用户变量,复制你的“…\node_global”路径。

复制node下的“…\node_global”路径代替Path路径。配置写完路径后全部点击确定就可以了。

三、vue安装(命令行安装)

1、vue-cli安装:

cnpm install --global vue-cli	 // vue-cli全局安装
vue -V			       //查看版本,注意V 是大写

2、npm安装:

cnpm install npm -g
npm -v		       //查看版本,注意v 是小写,处理查vue是大写

3、cnpm 安装:

npm install cnpm -g		// 升级安装cnpm
或
npm install -g cnpm --registry=https://registry.npm.taobao.org

4、vue/cli安装查看:

npm install -g @vue/cli

5、express模块安装(按需求安装):

npm install express -g 		// -g是全局安装的意思

这样就安装好了!加油!

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文