Node.js 安装配置 与 vue.js 环境配置

Node.js 安装配置

Node 下载地址{https://nodejs.org/en/download/}
本文有 windows zip 压缩包进行环境搭建 node-v8.9.4-win-x64.zip 根据自己的系统与喜好 选择安装包。

解压 node-v8.9.4-win-x64.zip 到自己的目录,例如解要到 F 盘

配置环境变量（用户变量或系统变量均可 ）：

进入 cmd 执行以下命令

npm config set registry http://registry.npm.taobao.org   //设置模块 仓储地址
npm config set prefix node_global                        //设置模块安装 目录
npm config set cache node_cache

npm config set prefix node_global 这里目录为 NODE_HOME%\node_global 并且这个命令并不是必须的可以不设置，如果不设置环境变量应该改

默认全局变量为 根目录

运行以下命令 npm install express -gd 试一下模块是否安装到指定位置

用命令安装模块查看是否安装到自己想要的路径，如果没有配置 prefix 默认安装到 根目录的 node_modules

npm install express  -gd	--  [-d 显示信息]
npm install [扩展名] -g		--安装到 node.js 安装路径
npm install [扩展名]		--安装到 cmd当前路径

Vue 安装配置：配置完成node.js后 安装Vue模块

npm install webpack -gd
npm install cnpm -g		//cnpm安装
cnpm install vue-cli -g		//vue-cli安装

初始化一个 Vue 项目

vue init webpack vue_test(项目文件夹名)	//根据提示输入信息 一直选NO
cd vue_test（进到当初的 项目目录）
cnpm install				// 
cnpm run dev				//启动web服务 进入测试

Vue 编辑开发工具

推荐使用 VSCode ，VSCode 安装配置

文件 > 打开文件夹 选择刚才初始化的 vue_test

OK 开始编辑自己的 Vue.js 把。