windows系统搭建node.js Vue开发环境图文教程

一：安装node.js

下载地址：

官网：https://nodejs.org/en/download/

所有版本：https://nodejs.org/en/download/releases/

下载完毕后，可以安装node，建议不要安装在系统盘（如C盘下）

双击node-v9.6.1-x64 运行，安装方式如下图：

二、设置nodejs prefix（全局）和cache（缓存）路径

1、在nodejs安装路径下，新建node_global和node_cache两个文件夹

2、设置缓存文件夹（在cmd里运行哦）

npm config set cache “D:\77isp\nodejs\node_cache”设置全局模块存放路径

npm config set prefix “D:\77isp\nodejs\node_global”

三、基于 Node.js 安装cnpm（淘宝镜像）

npm install -g cnpm –registry=https://registry.npm.taobao.org
四、设置环境变量（切记必须做这一步）

右键计算机属性–>高级系统设置–>高级–>环境变量

新建一个变量名NODE_PATH

变量值：D:\77isp\nodejs\node_modules;

编辑PATH变量

在最后增加;D:\77isp\nodejs\node_global;

然后确定保存好即可


五、安装Vue

cnpm install vue -g

六、安装vue命令行工具，即vue-cli 脚手架

cnpm install vue-cli -g

这样环境就已经安装完毕了，下面咱来测试一下


七、新项目创建测试

cd到新创建的项目文件夹下

创建新项目

vue init webpack-simple mytest

安装工程依赖模块

cnpm install

运行该项目

cnpm run dev

测试成功！

如果大家还有什么好的方法或者问题可以在评论区留言分享，大家一起讨论学习~