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

初衷:鉴于很多从事前端的伙伴们对于vue技术理解不是很透彻,特增加这个vue教程连载,希望帮助更多的前端奋斗者! ( 后期会将项目上传到github 欢迎大家来捣乱!)
第一篇:从零搭建vue项目
1、nodeJS环境的安装,下载地址:https://nodejs.org/en/
下载成功后,傻瓜式安装即可。
2、安装成功后,环境变量配置
2-1 回到桌面 右键我的电脑
2-2 单击‘属性’看到如下 然后单击高级系统设置
vue-连载教程|vue项目搭建连载教程+全家桶详解----第一节(环境配置)
文章图片

2-3然后如下图所示 然后继续点击环境变量
vue-连载教程|vue项目搭建连载教程+全家桶详解----第一节(环境配置)
文章图片

2-4 如下图

vue-连载教程|vue项目搭建连载教程+全家桶详解----第一节(环境配置)
文章图片

2-5 开始配置
用户变量配置
增加 NODE_PATH:C:\Program Files\nodejs\node_modules
在path后追加 C:\Program Files\nodejs\node_modules(追加前注意分号的增加)
同理配置系统变量
3、win键+R键 同时按住,运行cmd命令
vue-连载教程|vue项目搭建连载教程+全家桶详解----第一节(环境配置)
文章图片

4、在命令行内输入 node -v 回车 ;然后输入npm -v 回车;
vue-连载教程|vue项目搭建连载教程+全家桶详解----第一节(环境配置)
文章图片

恭喜你,环境已经配置完成!
5、接下来 配置淘宝镜像cnpm,为了以后安装vue项目依赖能快一点
继续在上图的命令行输入npm install -g cnpm --registry=http://registry.npm.taobao.org 回车
vue-连载教程|vue项目搭建连载教程+全家桶详解----第一节(环境配置)
文章图片

等待安装即可
6、在命令行内输入 cnpm -v 检测是否安装成功即可
7、安装vue项目的cli脚手架工具同样 在命令行内输入 cnpm install -g vue-cli等待成功即可
到此 恭喜你!所有环境已经安装完成!

【vue-连载教程|vue项目搭建连载教程+全家桶详解----第一节(环境配置)】

    推荐阅读