Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 $ q- V% w: X; p- A* z
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
- g& R4 n) k) s. n: I3 G3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本: M; v3 G Z4 A/ T5 q
- $ npm -v
+ I5 o4 S* ]1 P- X - 2.3.0
+ ?. G5 a4 p/ [+ M* R - ! E" ]0 P# s* E8 M
- #升级 npm
4 O. T: \/ q6 f - cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
) D& { }# P& E8 ~1 P4 n - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
% O0 y0 s! N3 |8 }/ g" F2 P, i - $ cnpm install --global vue-cli
) p9 f4 ^1 I% [# o - # 创建一个基于 webpack 模板的新项目
2 x7 U/ N0 A9 x& R; }8 B; D. m - $ vue init webpack my-project
- W2 x2 [4 l; v7 G - # 这里需要进行一些配置,默认回车即可2 Q2 V6 P E& @% e
- This will install Vue 2.x version of the template.
) p3 g( K7 l1 k" m9 ]1 o
# p% a; r' O( g2 ~% b g7 Q6 R- For Vue 1.x use: vue init webpack#1.0 my-project5 Y. X& q) J5 |
- , W& D8 W+ o5 i- {$ v! w9 l
- ? Project name my-project: E- ~. J' f' `" }. J$ F, x5 g
- ? Project description A Vue.js project& H" p1 ]. U+ i- b+ b4 Y. `* `
- ? Author runoob <test@runoob.com>
1 V: d) {' d# {+ i - ? Vue build standalone
, C0 g: P$ m7 K) u* k1 I9 s2 A8 z) Y - ? Use ESLint to lint your code? Yes3 p7 b9 \5 W$ s5 t$ |- y T& |7 i
- ? Pick an ESLint preset Standard8 o3 M3 V. P0 o7 d3 W* z. A" R; a
- ? Setup unit tests with Karma + Mocha? Yes
s; y8 S7 _/ I - ? Setup e2e tests with Nightwatch? Yes3 V0 ^) |9 c$ Y* R9 n3 Y
/ w1 Q1 {7 g4 l+ @9 Z# r- vue-cli · Generated "my-project".
$ L( w& s- o2 I' `( q, a# }; n9 { - - @1 S; X+ W" R r+ x& U7 u% p1 b# x- A
- To get started:
' c0 l' g- W" Y+ t, Z: y/ F) ]% h - ( w, |3 \: n' f8 |7 b$ d
- cd my-project' ~1 s2 N3 j [3 L
- npm install Z, S; f$ L, S& H0 Y( H# y5 Y
- npm run dev
; D/ m2 O- G, W. T1 O - ' u( y/ u! }1 f
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
9 p! |6 v" @7 N/ }, P1 } - $ cnpm install
6 C. X: m- k! a. }7 e& K - $ cnpm run dev
/ y; J1 P$ d. I5 a% L - DONE Compiled successfully in 4388ms& s, `$ V( J' B$ C" I
. T6 S8 E$ x0 U' y) Z0 a- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
9 j& m0 \8 S; x, m% _ b
1 @1 Q7 Y6 D4 Z5 k3 Y
0 v7 f: O- \- H' |! c: |: g7 R _% i' A# T* X7 x7 c8 q2 ^
" J* R( j# T# h5 U$ P; z |