| 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/
更新列表:
参考文章: