Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
5 y' ~- _( v0 N! {* f- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 * ]" S; T" L, D4 h9 Y
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
9 ^2 \) V% n* w+ q6 _4 } }+ s - $ npm -v
1 l- Q3 o: N' J J - 2.3.02 P: A5 E3 U) g
- 8 D4 h2 p" o( W6 U/ a
- #升级 npm5 @% ?- E8 F* \" y! }9 r
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版$ a5 f3 |0 {( G( q
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
6 z' e3 z+ T5 Y" D/ x - $ cnpm install --global vue-cli
, o/ o8 b3 x0 P - # 创建一个基于 webpack 模板的新项目$ J* R( C. A8 g
- $ vue init webpack my-project
; o% H7 p# I# \: j - # 这里需要进行一些配置,默认回车即可
$ e. S+ J# k* Z L B" I - This will install Vue 2.x version of the template.
, f+ M& j# A. a; o1 s9 q1 \ - 0 k. e& J) Z! p2 \
- For Vue 1.x use: vue init webpack#1.0 my-project5 b7 Z* L1 y g$ ?. Z
- X0 T& ^$ w/ l8 [4 O* L- ? Project name my-project2 I& w! Y) d+ P* s# _
- ? Project description A Vue.js project
5 R7 L+ \. h- @! g% e" U3 P - ? Author runoob <test@runoob.com>
6 x. K' D' g7 l - ? Vue build standalone
0 R) w# K' _: c7 m0 ^/ | g/ s - ? Use ESLint to lint your code? Yes9 w9 p' Y, v- O! Z
- ? Pick an ESLint preset Standard
1 H; f8 e/ J1 @5 m - ? Setup unit tests with Karma + Mocha? Yes
# z8 ]& ?' z! p' D6 M, G- E/ r& X - ? Setup e2e tests with Nightwatch? Yes" R3 Q+ ]' M3 {$ w+ B/ L
7 X% y; \6 R+ \* J5 ]' G- vue-cli · Generated "my-project"., D0 E+ c |# M2 r( d5 _
- }5 q$ f6 j; k2 f& ~0 y [; o
- To get started:
! t. N; v% [- c: v, y8 ]( V/ S' g) G - ; C% j6 {0 `9 d
- cd my-project8 p1 A; M j$ ?
- npm install
% J- p5 m' E2 X - npm run dev
" }% ~4 V9 V2 ^ Y -
1 D% y" d8 i5 z: ^( {+ Q# a - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project( |# J# o B! N! ?" l$ t/ v9 e
- $ cnpm install" X5 A: Z* i; l0 d4 S0 ]
- $ cnpm run dev
( N. x1 i- @+ D) I0 ?1 V8 Y0 K - DONE Compiled successfully in 4388ms
, z9 L5 `1 W# U7 B/ P. _' Z
; s: J7 ]& s& O, c- S' v- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: : w' `4 y6 ?. n6 D2 r
c- X; t9 J/ u2 ~; w7 Y- w9 _9 K# p1 d3 X; G
7 c: p P q' u& m2 d, C! c3 W
( Y& D0 y- _7 l! n' F5 G |