Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 # s _; L6 g4 ?- T' u3 n+ K
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
- o7 e2 g+ L6 A2 o' \9 Z4 v
8 l- R h1 L. Z5 B3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本1 E1 ~$ V; t k7 J4 L3 w
- $ npm -v4 v+ g t3 M8 B0 F
- 2.3.0
% R+ z- F2 v6 @+ w; m# X9 I1 m - 3 o+ Y8 f u5 B) K. H+ F9 n
- #升级 npm6 o. @2 z$ s$ w# |- Q4 b0 b$ j1 o
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
( v" |: A1 z2 w+ A9 k c - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
6 d. P* O% ^+ r. o% C |2 k! u - $ cnpm install --global vue-cli# ?( x9 I% z$ \. W6 ~ M
- # 创建一个基于 webpack 模板的新项目# @; N( [- y6 Z4 I+ L4 f' H
- $ vue init webpack my-project. Z+ L: M1 W6 [/ j
- # 这里需要进行一些配置,默认回车即可" T. K$ T+ {5 t9 E6 H6 `
- This will install Vue 2.x version of the template.4 M+ b; X$ ?, `
- 1 Q+ z' y- I- _* R; _1 C5 x
- For Vue 1.x use: vue init webpack#1.0 my-project6 S5 z6 X7 p1 X; E M0 V) L5 a5 \) Q3 W
* m9 r: b; V7 ], B- ? Project name my-project) z/ L: J9 w; \: R8 ]
- ? Project description A Vue.js project/ r/ r. z" o3 o
- ? Author runoob <test@runoob.com>: c- L7 p/ a6 r0 i
- ? Vue build standalone
7 w' V& ^' x6 w8 ~ - ? Use ESLint to lint your code? Yes
% {5 {; m. M$ s* N! Q - ? Pick an ESLint preset Standard
$ c! a& F8 |6 U) v2 } - ? Setup unit tests with Karma + Mocha? Yes
$ W3 u( O9 n% I1 z+ O1 \+ Y - ? Setup e2e tests with Nightwatch? Yes8 L- z0 v# D q" W: n& q7 c1 Y
" T7 m! c$ r) t3 M/ V1 r* a& K- vue-cli · Generated "my-project".
$ f) X; b6 w: Z; F. o - 4 e" @3 T7 i2 S% H M' G& p5 a
- To get started:
; `) M3 M; u7 o" h. U/ S -
9 z q( s( S+ F$ w0 h: w, z+ u - cd my-project
2 p& X) q6 U) C* q7 S- K; r - npm install
$ x+ B# {4 y2 D4 k - npm run dev
9 y" { Q, ~$ c1 V6 l" P) q - ) z8 ?+ x8 p+ H5 q/ n. n
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project# S" a) v! V, N/ ~ k) Y+ B( w
- $ cnpm install
+ X \& e: e! k/ _ - $ cnpm run dev/ t, X2 F5 c; f9 ]: E! `8 c0 S
- DONE Compiled successfully in 4388ms' b9 W1 n# D; B+ W# F4 Q
- . d: ~, L& Z9 k+ ?, @
- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: " S4 J; @1 \+ q: P
: n& P9 M5 _# y; [7 C
# `% N* n* C" R1 y( e4 e" s5 E8 l
5 u4 M& a5 F4 O& ~, z1 ^' k
2 x2 j" Z5 ?/ g' O- m8 l
|