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

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

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

第一篇:从零搭建vue项目

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

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

2-1 回到桌面 右键我的电脑
2-2 单击‘属性’  看到如下 然后单击高级系统设置
 
2-3然后如下图所示 然后继续点击环境变量
 

2-4 如下图

 

2-5 开始配置

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

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

同理配置系统变量

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

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

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

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

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

等待安装即可

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

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

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

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章