|
Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 ; k* j+ X) ?$ S2 p2 U2 J
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 ( b: v6 m* f5 d- E
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
" v2 `7 T8 p. x6 {8 Q - $ npm -v, t/ B# f k3 z. K; ?' D7 u
- 2.3.0
% w% j3 G1 e3 }% n
; S9 [1 y+ r4 X2 x- #升级 npm
- m: E3 M2 N2 ? - cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
* {: c" `! W! W7 [8 K! W8 h - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
: ^: p6 E9 ~- Q7 a; o - $ cnpm install --global vue-cli$ |4 o7 D# {, D* S
- # 创建一个基于 webpack 模板的新项目* R6 P1 D& O, G! Z
- $ vue init webpack my-project
8 Z) J4 O3 \6 g1 ` - # 这里需要进行一些配置,默认回车即可7 e9 q! d1 P9 L0 i& d; `
- This will install Vue 2.x version of the template.2 J/ ~9 Q( n# v' O, t, n9 T
- * I* s; Z0 Z) d: ^
- For Vue 1.x use: vue init webpack#1.0 my-project: b- ]& S. p" s% ~
& u3 Z3 \, `$ H3 u: ^2 ^- ? Project name my-project
- c: S- I: b' F5 S. k - ? Project description A Vue.js project
" k8 n* b1 b; t+ g+ H" g, Z! x - ? Author runoob <test@runoob.com>+ b3 j0 H( V* f$ q# N+ \5 W1 h
- ? Vue build standalone
: C3 R$ J3 c9 a2 T - ? Use ESLint to lint your code? Yes
, q1 W7 ~ p/ [ - ? Pick an ESLint preset Standard
6 `- {% ^, d# @1 U1 }( C F z: s& ?- G - ? Setup unit tests with Karma + Mocha? Yes
3 i# K+ D/ i# \4 f- W - ? Setup e2e tests with Nightwatch? Yes6 o2 u3 C/ f$ Y, t/ M. a( C
8 U: t$ J5 x0 K- vue-cli · Generated "my-project".& A, T# H- a( R z3 r% K
- 3 ~& T" W; T. l2 u/ W5 s
- To get started:& o: \/ w K" R5 n; J
-
8 S6 T& }, o! H - cd my-project
# {0 G) F0 F+ t9 ^/ C$ `. f# |% @ - npm install
* _/ |3 l- V' H4 E - npm run dev( @& z& T5 ^6 h$ B O# ]- V- e8 f3 D
-
( t8 U1 m3 C# b - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
; j" H- Z4 A U1 Y - $ cnpm install
( a- s" b2 z2 `$ I! e, X - $ cnpm run dev% K9 Z/ T+ V' Y2 j' Y* g
- DONE Compiled successfully in 4388ms
5 b" {" R# Q; ]0 [
/ b$ b4 i' D% p) l( |- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
- ~. H0 ~ `, n5 I% c" S
: ~% [* d; \/ i& \3 K/ a
( B& {/ g' d2 j& V' d6 b5 P4 k! Q& J) g& e' Z
/ ?3 G$ A: J* O5 H4 K
|