Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 1 Z% G" Z* ~7 W: K( w6 `" K. L
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 0 q G. l; s1 T
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
9 }6 F: X8 T6 f% Z- }8 A - $ npm -v8 E# |/ X' h$ K
- 2.3.0! @& q: C" u4 y& E& |, W
; O' v, v! E" ?- #升级 npm5 x, {# \5 Q, p
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
7 k9 Z6 A5 ]' Q% l% ]; [ - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli. ~* Z* J1 `' `
- $ cnpm install --global vue-cli
8 x+ E) l9 t, ` - # 创建一个基于 webpack 模板的新项目
2 h3 Y; R: T; _% ]; b - $ vue init webpack my-project
# G' S) U- w2 } x. `; N9 G9 ] - # 这里需要进行一些配置,默认回车即可
: J3 I- t1 C- k2 w1 r+ u W - This will install Vue 2.x version of the template.
2 c% X5 O0 e' g9 x1 X4 K$ I - 6 p5 Y2 A7 M. s+ Q+ B
- For Vue 1.x use: vue init webpack#1.0 my-project
) B- F4 b; ~/ b+ C
# o1 Y9 o: ~7 O$ W6 B/ A' L- ? Project name my-project
4 b0 a1 C3 y7 ~& X$ n* ~ - ? Project description A Vue.js project2 X W. @6 Y3 K: Z a. S7 @( [
- ? Author runoob <test@runoob.com>
7 E0 n. @1 N& x( [( x - ? Vue build standalone, b: B" ~- I! D, U. z# c5 v
- ? Use ESLint to lint your code? Yes
" s, q9 k2 m0 Z1 u, B4 ?! O5 M - ? Pick an ESLint preset Standard
) P! l) o6 P+ T2 v6 k0 o - ? Setup unit tests with Karma + Mocha? Yes! @( x" g% k0 R. c8 d6 o8 H0 D
- ? Setup e2e tests with Nightwatch? Yes
( R5 n1 _8 \4 |1 U2 K
* o$ A8 J# T2 I: [# f- vue-cli · Generated "my-project".0 o$ f/ X, _0 M7 f# A
$ O( m5 H7 K4 E, I- x- To get started:, A- i' k* O" F4 {5 r% O
- 2 o, u2 o. J9 W4 x; p
- cd my-project
3 J7 T# R7 p6 w+ p! C6 V - npm install L5 ^+ q4 m$ ^- I" y
- npm run dev3 h$ x4 Z& ]6 p. l, P
- * `) q, A$ z1 I7 r! _
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project z) o+ i4 |7 u% w, b5 ?0 x; d4 p
- $ cnpm install
* p$ B0 D# D$ `& f. {0 E, C - $ cnpm run dev
* C8 X& l# V% @9 [ - DONE Compiled successfully in 4388ms+ K! ~5 L" w: H: D# o
: k X; g* }; I$ d# w- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: " G% u V: C' i3 I' ~! c
$ j1 [ y) V) I% D J
" C( J: f+ W0 r9 Q* i/ i- m
0 N) b% u' L1 \1 n: w- u8 w! s
) Z% Z! \0 y+ x s( F1 v" x |