vue

2019.4.27 vue

1.环境安装

方法1:独立版本

    在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入

方法2:使用 CDN 方法

    Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js

    unpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。

    cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

方法3:NPM 方法

由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。

npm 版本需要大于 3.0,如果低于此版本需要升级它:

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g


# 升级或安装 cnpm
npm install cnpm -g

在用 Vue.js 构建大型应用时推荐使用 NPM 安装:

# 最新稳定版
$ cnpm install vue

# 全局安装 vue-cli
$ cnpm install --global vue-cli

2.创建项目

方法1:

$ vue init webpack vue-demo01

方法2:(他的目录结构比较简单,适合中小型项目,不用那么麻烦,而且创建比较快,没有语法检查)

$ vue init webpack vue-demo02

3.Sublime下载:直接在官网下载即可

https://www.sublimetext.com/

可以选择portable version,不需要安装,解压即用

4.配置Sublime


1.下载Package Control.sublime-package到Preferences-Browse Packages下的上级目录Installed Packages内,重启

下载地址:

https://pan.baidu.com/share/link?shareid=3074597174&uk=575143446&errno=0&errmsg=Auth%20Login%20Sucess&&bduss=&ssnerror=0&traceid=

2.Sublime 支持Vue语法高亮显示

插件地址

https://github.com/vuejs/vue-syntax-highlight

下载之后解压到Preferences-Browse Packages目录下新建一个vue文件夹

打开sublime界面,按ctrl+shift+p弹出

搜索vue 选择 vue component

重启打开

3.插件Sublime-HTMLPrettify

插件地址

https://github.com/victorporof/Sublime-HTMLPrettify

5.参考examples

https://vuejsexamples.com/

更新列表:

参考文章:

相关阅读