Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
' i2 c* _( k0 S- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
2 G0 k7 s) N1 n- M' w! j+ J' O ; i) a8 l( M8 \; K0 }7 i4 d. `
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本5 F/ ^5 U3 c- |" x1 a# j
- $ npm -v, c$ {* ^8 J' f- O8 Q* i
- 2.3.0
; F6 M# y0 R+ k6 ~; Y2 s
+ p8 C) m4 {( s% W1 Q- #升级 npm
/ b% R# ~2 \" c' k* ? - cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版4 i' y1 ]. S- A1 L! X
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli* |2 e8 ^, [7 D
- $ cnpm install --global vue-cli* A8 x0 S& q6 j5 G2 C& ?
- # 创建一个基于 webpack 模板的新项目3 a6 F( S1 X8 n) O! y
- $ vue init webpack my-project
J m! u0 L+ z" ?% V' v5 C - # 这里需要进行一些配置,默认回车即可
& Q" M+ w% p* L+ ~! g - This will install Vue 2.x version of the template.
- k( d8 Q! Y+ _5 H* ~2 d5 |' `! c - ; T+ Z+ H4 O3 |- ~3 R' R
- For Vue 1.x use: vue init webpack#1.0 my-project
6 P6 F+ k) V# q+ u
. j7 Z$ V7 I# _3 [- a6 S7 i- ? Project name my-project
0 Q& Q3 F+ f4 ]8 o$ w6 d - ? Project description A Vue.js project5 S2 b" g6 _& d* e0 e$ F* a; V
- ? Author runoob <test@runoob.com>
4 G- b# A1 q& A - ? Vue build standalone/ }* Q* c1 j( |# G
- ? Use ESLint to lint your code? Yes- v; {( l& Q5 x2 F0 Q
- ? Pick an ESLint preset Standard2 c$ R7 A+ v4 P$ @% R5 A7 b! K7 X
- ? Setup unit tests with Karma + Mocha? Yes9 L! a* C9 e9 X. ]
- ? Setup e2e tests with Nightwatch? Yes
1 U8 L' a1 k9 M) v - ; J( J8 U2 e* s4 M" R C9 Z
- vue-cli · Generated "my-project".
4 {3 B( W' }4 W: W) n, o p5 M" ? _ - ' t! V( n K4 k* }8 s8 V
- To get started:
* D( h/ h) E5 j- { - 5 ~6 Z1 Q8 v; t/ ^3 j0 P/ y8 }, c
- cd my-project2 e. _. Z1 b- q1 c2 y1 V8 q
- npm install
) G+ V* D5 j1 |# u2 J. ^6 x- P3 A - npm run dev
8 Q1 M+ m& a' e: { - % c( l$ D0 `$ A- J# W$ c3 J- Q C0 A6 t
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project' o; d4 Q, Z: h6 o; |
- $ cnpm install
" E2 F8 |* G# ^$ k3 }8 K - $ cnpm run dev# O2 H& t& D& Z
- DONE Compiled successfully in 4388ms
& y" t4 t& n; {! z0 h: F
* L! }0 I4 a# V, }- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: 3 e9 O8 T8 r. C2 p$ P2 B
* c y& N5 q; r9 k
- y4 s: x# I, ?1 \- H
# {0 ]# [ S0 x7 s* T4 S! _2 i' M. ~* Q" S( ~
|