Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 ' f7 L7 k: F" u9 y, Z
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
, Y( I% ~2 K8 }0 R& x3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本) i5 q; w2 L- e1 N% v" ^" O
- $ npm -v
4 p% k9 `. d. ] - 2.3.06 c0 L8 M' ^7 x3 }
- 9 q+ e, a* Y" @5 a1 T, V
- #升级 npm9 T" b0 A' o: F4 Z
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版" ]3 g" j6 G8 a: A4 E+ ]
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
% P$ H1 r& y2 `, G+ [3 F& e; R5 a - $ cnpm install --global vue-cli
; \6 Z' h8 w3 y, ~ - # 创建一个基于 webpack 模板的新项目+ x4 P# q S4 K" s; u; K, l4 y6 n
- $ vue init webpack my-project
5 s: t8 `" y% H - # 这里需要进行一些配置,默认回车即可) ?, C7 }8 Z7 h! j4 z
- This will install Vue 2.x version of the template.
5 x4 N1 G% j# |4 Z& G0 z - 8 K! a+ Q! v2 S, o9 @
- For Vue 1.x use: vue init webpack#1.0 my-project3 `: z/ L9 R1 g7 a5 `3 I' t
- 7 ], ^/ B% a) k7 l) M& k
- ? Project name my-project
: c" b. o8 G2 [) [' t0 _8 L - ? Project description A Vue.js project9 M# e/ \1 G& T
- ? Author runoob <test@runoob.com>; @0 G; u2 W) ~: t
- ? Vue build standalone3 e' n" c% U0 N- P, B% Y
- ? Use ESLint to lint your code? Yes4 p+ G7 t# }+ B
- ? Pick an ESLint preset Standard& h* B' C+ [! s8 \- _8 r+ T
- ? Setup unit tests with Karma + Mocha? Yes1 s6 }- f! a* S7 A4 W: d. K6 |
- ? Setup e2e tests with Nightwatch? Yes2 x. A" l7 E- x3 ~
- ' B9 y# l$ E5 b+ K( d
- vue-cli · Generated "my-project".9 }2 }0 u5 l" g7 |* E$ g
- ) t, V- j- r9 F6 m7 K- n
- To get started:5 O8 F8 C9 o) c
-
: i3 D# l1 C7 l6 u* E - cd my-project
5 t( ]- b2 l# f) s - npm install I1 F' k% B( H: a9 S4 G
- npm run dev
# ?) d* E7 d8 o& d* m" Y* P" N% h5 i -
, U* |: g. d- V1 k2 z( B - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
# g$ ]( y) u( y% u" @ - $ cnpm install
3 _' H6 T; s( J% w/ A - $ cnpm run dev& F0 P- C) \0 ~+ |* h+ b: j
- DONE Compiled successfully in 4388ms( X: n1 o% B. E& p) e& u& j
- # _- [" U, V. X3 ?6 v, p, n
- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
7 B0 P& l; x6 w) N
1 G3 d* m5 G8 r+ I( h5 M, c3 f. B. V" e$ I
9 [6 C$ K$ C, H
& h( K3 \$ z% H- V |