Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
; \2 f% j9 ?+ r" D7 l* K- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
* z6 [2 j) \: z5 {4 ]% Z$ g
/ ]' P5 f7 P3 S1 E3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本. v) T6 Q: ^6 w" t8 f
- $ npm -v
5 ^* U) H5 y. A2 ~" U4 @3 }* v, p - 2.3.0
2 s4 S. O' Q8 l* J9 z1 W0 D( m
6 F0 y: f5 l% T- #升级 npm' w3 ]6 C \$ {6 W0 i: x
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版& S( |* A, J$ T0 s1 K( u9 p
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
/ e% M5 _9 N5 Y) ~0 _3 s - $ cnpm install --global vue-cli
' d& _3 ]0 E. I - # 创建一个基于 webpack 模板的新项目
. R0 v3 A( l9 D6 l' ` - $ vue init webpack my-project1 f. @3 k% Y& K1 e" f
- # 这里需要进行一些配置,默认回车即可
8 H7 r: a0 T0 p% x9 \9 W- Z4 T - This will install Vue 2.x version of the template.
' b2 u! G0 x, q3 S
, s! M2 g Q' r- For Vue 1.x use: vue init webpack#1.0 my-project
5 y: X3 g) ]8 [3 p8 i. @ - ' X1 r1 V4 t% o
- ? Project name my-project7 _% `& G& S1 c1 ~# ]
- ? Project description A Vue.js project
3 B! d0 Z- Z6 q9 G9 h# B0 Y - ? Author runoob <test@runoob.com>
8 j8 N. h2 |4 K% n, {" _ - ? Vue build standalone2 n. x$ h3 R$ e: t9 h: b1 B! K
- ? Use ESLint to lint your code? Yes
6 I3 j ]7 o7 H7 j/ J% ` - ? Pick an ESLint preset Standard, c0 h" P4 T# ^) l9 _- p
- ? Setup unit tests with Karma + Mocha? Yes
" l- Y& }7 R( P3 ~$ y - ? Setup e2e tests with Nightwatch? Yes
; a5 Q* N& F% A. x3 X
$ x) }0 x* S/ K j6 T- vue-cli · Generated "my-project".& V" X/ F% q1 a" u7 `# V1 o
- 5 x2 o5 _2 ~* t
- To get started:# {; h+ m5 E8 y% a1 @
- ) U3 E9 S {8 x% l0 X q
- cd my-project
! R/ x2 D4 J- c% F1 g2 Z& \! `; u - npm install
' ?, z! l7 T( ]5 t0 x - npm run dev! R3 m% F8 ^. m0 y) G
-
+ w9 c- M1 R/ I! d4 _; ? - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
~, f9 x6 {! C2 V n0 M - $ cnpm install# D$ P9 w2 y: v1 O" J+ u
- $ cnpm run dev! a) S9 E- o+ y: c4 G3 M1 l$ a! z
- DONE Compiled successfully in 4388ms
! S, [# |0 u( ~% I4 N
$ ^# J9 v: h3 Z1 H7 ^1 w4 L1 B- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: + j; w# v! F7 I+ u# G+ r2 ~! M
- k* ?0 b! |; K" c$ h) V
: v8 }) i9 P- b. K
( i( m. J' L- E4 w; ~: X
2 g5 Z O2 ^0 O( \
|