windows下node.js的安装配置

1、node.js下载

地址：Node.js (nodejs.org)

2、node.js安装

一路next，直至finish（会自动添加path环境变量）

3、node.js配置

设置本地仓库目录和日志缓存目录（不设置这2个目录，默认在用户目录下），设置国内镜像地址

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
npm config set registry=http://registry.npm.taobao.org

输入命令npm config list显示所有配置信息

在用户目录下的.npmrc文件保存了用户配置

4、安装三方依赖

使用npm install命令安装其他第三方依赖，如express，express是node官方唯一推荐的一个web框架，提供很多基础方便的功能。（注：“-g”表示安装到global目录下，就是上面设置的node_global中）

npm install express -g

5、修改环境变量

由于修改了默认的仓库目录，还需设置环境变量NODE_PATH，否则后续找不到下载的依赖，目录为D:\nodejs\node_global\node_modules

自此node.js环境配置完毕，下面再介绍一下vue的安装和示例。

1、vue安装

1.1、安装vue相关依赖到本地仓库

npm install vue -g
npm install vue-router -g
npm install vue-cli -g

1.2、path环境变量添加D:\nodejs\node_global

 1.3、重新打开cmd，查看vue版本

 1.4、创建前端示例项目

 vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，进入要创建项目的目录下，执行vue init webpack vue01，回车后按照提示依次输入项目名称、描述、作者等信息。

1.5、运行前端项目

创建完成后，cd vue01进入项目根目录，执行npm install安装相关依赖，执行npm run dev以开发模式运行，运行后在浏览器打开地址：http://localhost:8080

1.6、项目结构

执行npm run build可以在dist目录下生产静态文件

参考windows下npm安装vue - liluxiang - 博客园 (cnblogs.com)