Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 9 i- z; E* B3 d! i* v% i
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
: R. o( v# z9 M- a# K* d! l 7 ^ h; l1 l( J" N4 K+ w4 l3 N
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
4 J2 k1 U9 d( D4 U - $ npm -v
$ n9 `9 f/ N/ H" a8 n) `9 C9 e - 2.3.0, G! V2 s* ^7 q( [5 I
: |1 O# p, O- s( R- #升级 npm1 n" l1 { ?$ y5 d4 L/ o7 Q# W: `& u
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版* |0 p5 m4 @: {1 c5 o" j
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
+ I3 R' K9 H' r' [9 H3 F$ n - $ cnpm install --global vue-cli# n) d0 p9 O2 L6 B
- # 创建一个基于 webpack 模板的新项目- d- B/ f& E1 m; H) C) H T
- $ vue init webpack my-project
* w3 G1 |: w: G$ G x# q - # 这里需要进行一些配置,默认回车即可
1 E$ v0 b1 G% l" j! r4 f& U - This will install Vue 2.x version of the template.
( a1 F) V: V9 ] G u+ N5 r" {2 x
8 @' o( o1 U1 ^8 T5 F$ r( ^- For Vue 1.x use: vue init webpack#1.0 my-project
. q& a" m2 A% c% ?
! F' v! R7 x* i1 Q7 Q- g+ _% B1 D- ? Project name my-project
7 k' Q9 h: d( i* N - ? Project description A Vue.js project: } Y9 U2 \7 n6 R
- ? Author runoob <test@runoob.com>- @* s* S% h3 Z$ L) O2 b
- ? Vue build standalone
% z5 }6 a1 T* r: ]5 p - ? Use ESLint to lint your code? Yes; ^) E( @: E; V6 h0 B
- ? Pick an ESLint preset Standard
$ y, I7 R0 F( a$ Z0 m8 _ U0 J - ? Setup unit tests with Karma + Mocha? Yes
. ]4 e. S) \" k/ N+ d8 p# K* b3 } - ? Setup e2e tests with Nightwatch? Yes
5 n& T3 G. X. T3 m% P- Z8 e6 H - * V* F, K- T3 X8 }! G8 g1 Q
- vue-cli · Generated "my-project".- R. V! \$ u; K5 L$ P& ]3 _
- $ i; r2 ?' W2 n! Z
- To get started:
2 k( ?" G) U, M3 @ - 8 G0 k8 R/ z [$ T0 z( \
- cd my-project# T R2 L" R8 z4 C2 r3 R. x) ^
- npm install2 d$ q4 _0 t, {8 U$ ?6 h6 c
- npm run dev3 r# H6 p5 S( {) r# N, q
-
$ b; @) k0 Y- y" ~ - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
# o6 s" `1 }- D: ^$ i - $ cnpm install$ |% ]% H) D ^6 p# G0 @; n
- $ cnpm run dev8 `' l, I. w% }7 c, s% F9 g
- DONE Compiled successfully in 4388ms
+ r# K+ F2 e3 f' v+ n - 0 M6 N; }) s2 ]) b! U6 T0 W
- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: % o. \7 W( v9 D5 t9 B
" t1 ?) k4 R7 R3 [% V& v2 T: l$ O6 y0 R% J& C! D% z+ M$ T
( M: j6 p7 Z! C( h5 [$ {( b- Y9 b% A* l6 n4 _
|