邹哥教你学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开发企业级项目,请继续关注公众号《邹哥观察》后续文章。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180130G12CRP00?refer=cp_1026

扫码关注云+社区