邹哥教你学Vuejs（1）—入门配置

登录vue官网 https://cn.vuejs.org/

找到安装，可发现vue常用的安装方式分为两种：

（一）、直接使用script标签引入

（二）、使用cli方式

直接引入vue.js文件的方式比较简单，创建一个html页面后，在html页面上通过编写标签引入从vue官网下载的vue.js文件即可使用vue了。下面我们来学习使用cli方式安装vue。

使用cli方式安装vuejs

1.安装node.js

根据windows版本后，选择要下载的安装包，下载完毕，按照windows一般应用程序，一路next就可以安装成功，建议不要安装在系统盘（如C：）。

2、设置global和cache路径

3、设置环境变量

4、安装cnpm（或切换淘宝镜像）。基于node.js,利用淘宝npm镜像安装相关依赖

说明：由于许多npm包都在国外，用淘宝的镜像服务器，对依赖的module进行安装。

安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org

5、用cnpm安装vue

6、安装vue命令行工具（全局vue-cli脚手架,用于帮助搭建所需的模板框架）

7、创建工程

8、安装依赖

9、运行项目，测试环境是否搭建成功

在浏览器上输入localhost:8080看到下面的界面，则安装成功。想继续了解vue项目的结构，vue路由以及使用vue开发企业级项目，请继续关注公众号《邹哥观察》后续文章。