Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
+ f/ L B3 z8 b6 M- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
" z( n! s/ u0 }: Q- K/ J3 s6 y
. f4 S3 b' E: Z1 f6 `! p( v$ {' b3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本' e1 y8 a1 E0 o( e6 i* d
- $ npm -v4 \# a6 N6 d. r1 Z. ] D/ g. W2 d
- 2.3.08 t1 k( r& J; Z" S' ^( D; O7 i
- / W, M# i4 d7 q8 X
- #升级 npm; m4 W2 M# B% X0 X% l( h# l
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版& C( @/ ]4 J, s& @6 G
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
( j8 v. v5 k% O0 D - $ cnpm install --global vue-cli
) `- v' |0 x; o, Y: w$ R - # 创建一个基于 webpack 模板的新项目
1 j# b* z4 W) F2 e - $ vue init webpack my-project
# M+ D2 e, J1 ]1 e' K" q* j - # 这里需要进行一些配置,默认回车即可
7 E( P% v- Z+ g5 N0 ^) L - This will install Vue 2.x version of the template.& |" x6 f. R7 O5 S9 F) e
1 v7 [9 b6 m0 s' @5 p! v- For Vue 1.x use: vue init webpack#1.0 my-project
- Y5 p4 F1 {9 n1 v* c8 t: F
9 W" q/ @0 _0 i* ^" E( a8 M) v- ? Project name my-project
) Q6 X* I1 c: e% p+ r( N$ O6 m3 [ - ? Project description A Vue.js project
' v( b# z8 `9 P/ u- z$ l - ? Author runoob <test@runoob.com>
0 w- z, U4 Y: A - ? Vue build standalone
- f% M9 K' R$ {- x( y& m7 h - ? Use ESLint to lint your code? Yes
' U2 d, p: X: w9 n, W) P - ? Pick an ESLint preset Standard
: H5 x1 I7 Z1 O! \& W5 ` - ? Setup unit tests with Karma + Mocha? Yes
# t7 s2 D1 K0 a - ? Setup e2e tests with Nightwatch? Yes& D" ~( E( s9 g; Q
- / s* ^) v. a, Q# Y8 c
- vue-cli · Generated "my-project".3 j* F6 u+ C" \, c+ e
- $ E6 p; B5 a( x" x) {" S! f$ Z; v" w- b
- To get started:+ O( b7 V) ~# D4 D0 j* k6 M
-
( C% N8 G' Y. s' O' D) W9 H - cd my-project4 o. y$ s# G! q
- npm install4 v) X6 ^9 M d
- npm run dev- k9 q& }5 E8 Y/ p. L( b
- ) n/ c# J* `7 L' \4 \1 f3 i5 a
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
' R, ` m) n: n" E8 U, y - $ cnpm install1 s# j6 I) x" K5 x* U; M
- $ cnpm run dev
9 i2 I5 d8 Q/ {$ ^1 E9 x7 t - DONE Compiled successfully in 4388ms2 R Q# _: L4 j: s- W
/ Q: p# a( w/ g4 z- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: 3 Q( W# P6 I0 f3 N
! ] L. B* c) b D- a6 t8 k& u6 L# U) p, {1 G( h& F/ t
$ I( |+ Z j7 E! J3 y1 b6 V4 G" N# e7 _' n& V
|