vue项目搭建连载教程+全家桶详解----第一节:环境配置

初衷:鉴于很多从事前端的伙伴们对于vue技术理解不是很透彻,特增加这个vue教程连载,希望帮助更多的前端奋斗者!

( 后期会将项目上传到github 欢迎大家来捣乱!)

第一篇:从零搭建vue项目

1、nodeJS环境的安装,下载地址:https://nodejs.org/en/

下载成功后  ,傻瓜式安装即可。
2、安装成功后,环境变量配置

2-1 回到桌面 右键我的电脑
2-2 单击‘属性’  看到如下 然后单击高级系统设置
 vue项目搭建连载教程+全家桶详解----第一节:环境配置
2-3然后如下图所示 然后继续点击环境变量
 vue项目搭建连载教程+全家桶详解----第一节:环境配置

2-4 如下图

 

vue项目搭建连载教程+全家桶详解----第一节:环境配置

2-5 开始配置

用户变量配置 
增加 NODE_PATH:C:\Program Files\nodejs\node_modules

在path后追加 C:\Program Files\nodejs\node_modules(追加前注意分号的增加)

同理配置系统变量

3、win键+R键 同时按住,运行cmd命令

vue项目搭建连载教程+全家桶详解----第一节:环境配置

4、在命令行内输入 node -v 回车 ;然后输入npm -v 回车;

vue项目搭建连载教程+全家桶详解----第一节:环境配置

恭喜你,环境已经配置完成!

5、接下来 配置淘宝镜像cnpm,为了以后安装vue项目依赖能快一点

继续在上图的命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org 回车

vue项目搭建连载教程+全家桶详解----第一节:环境配置

等待安装即可

6、在命令行内输入 cnpm -v 检测是否安装成功即可

7、安装vue项目的cli脚手架工具  同样 在命令行内输入 cnpm install -g vue-cli  等待成功即可

到此 恭喜你!所有环境已经安装完成!