VUE学习系列-01 环境搭建(使用脚手架构建)
- 其他随笔
- 时间：2017-11-25 09:37
- 5692人已阅读
🔔🔔🔔好消息!好消息!🔔🔔🔔
有需要的朋友👉:联系凯哥
注意：本环境的搭建是基于window系统的。
一：需要准备环境
node.js所需要的。这里使用的是对npm包管理的
vue-cli 脚手架。用于构建项目的工具
命令cnpm.使用淘宝镜像的npm
二：安装node.js相关的。
直接从node.js官网上下载所需要的node，并进行安装。
如上图。选择自己电脑相对的版本。
下载后：
安装过程很简单。和其他windows软件安装一样的.一路‘next’就可以了(傻瓜是安装)。
安装完成后，查看node和npm的版本号。在命令行下输入node -v 和 npm -v.如下图：
能看到版本后就OK!.说明node相关环境已将安装好了。同时npm依赖包管理器(管理工具)也有了。
接下来，需要注意的：因为npm是国外的。在大天朝范围内访问有点嘿嘿又嘿嘿了，大家都懂的。会经常失败啦。所以呢，我们可以使用国内淘宝提供的npm镜像。即使 cnpm.
三：安装CNPM。
首先了解下淘宝的npm镜像：
好了，开始进行安装。
在命令窗口输入 ： npm install -g cnpm --registry=http://registry.npm.taobao.org命令后
等待。等待。。。
当安装完成之后，我们在使用npm命令安装需要依赖包的时候，就可以使用cnpm来代替了。这样下载依赖会比较快的。
四：安装VUE-CLI构建工具(脚手架)
接着在命令行中输入：npm install -g vue -cli 这个时候就在按照脚手架了。依然是等待安装完成。
当安装完成后，经过以上三步(2--4)我们就已经都准备好了。接着就可以使用vue-cli这个脚手架来构建项目了。
在下一篇文章中，凯哥将介绍怎么使用脚手架来构建项目及需要注意的掉过的坑。