Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
3 |4 X* U/ Z7 {- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 - 7 k) \' H6 z4 m& o$ N6 W- q# ~
* C. N) E5 m4 R3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
4 {+ |1 [& R* R( \$ w% b+ c# f - $ npm -v& J( B; v" v5 L2 o6 b2 ^; Z* i
- 2.3.0% a- m# d' V" ]$ d
- 3 A8 B- A+ L' G, w( i
- #升级 npm% F% |( i9 Y* \3 ^3 V2 d7 _# d
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
/ A( c; G* }3 b! U2 r - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli+ J c& C4 k( p
- $ cnpm install --global vue-cli* q$ r" Z! R' _) x
- # 创建一个基于 webpack 模板的新项目
- i2 o2 I+ [7 `. \% x, H - $ vue init webpack my-project8 P0 N$ X# o, H6 q3 r
- # 这里需要进行一些配置,默认回车即可7 l3 e& [, L" y1 d
- This will install Vue 2.x version of the template.
% W" x% u: b/ k4 x: [8 m# ?1 T - : m6 A' Y3 s2 ?) w8 W) z
- For Vue 1.x use: vue init webpack#1.0 my-project
% e7 @1 Q1 Z( Y c" S' j7 C
, W- z k# Y7 n& j" c8 N9 q- ? Project name my-project* ?0 c$ d4 w% g' ?/ e' o
- ? Project description A Vue.js project
8 D! V. U% M" y+ o. i# }) ^ - ? Author runoob <test@runoob.com>5 z* I, H7 A9 B' R
- ? Vue build standalone6 x, x+ @6 I- U/ v0 b& K/ V' f* Q
- ? Use ESLint to lint your code? Yes
! V- y' ?0 e m2 t9 y - ? Pick an ESLint preset Standard- ]- g9 U3 e. [* q, w8 v
- ? Setup unit tests with Karma + Mocha? Yes
! W3 n! s, N( W# n1 ^ - ? Setup e2e tests with Nightwatch? Yes
: o) |7 e7 i. J7 _/ B8 H - & G) Q) h0 }$ H4 a" o( r& E& ?
- vue-cli · Generated "my-project".
b" i: C# Y6 A - / U1 p# @" S: D6 v5 ~: p
- To get started:) j" T- R7 c: J0 f0 w1 ~7 g6 G6 q- c
- + R3 C2 y/ q2 T7 |% N
- cd my-project& \: ~7 B( @& k& {
- npm install6 C R- ^2 q6 B7 g+ d, n. c) Q d4 E
- npm run dev, W" g/ x1 C' t+ g
-
2 e$ f/ ]! d4 p% J+ c. c! Z - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
! u- b+ O. s- ^# ^1 U$ C/ C$ z# T - $ cnpm install
, G1 m) ]7 M3 `! R0 b - $ cnpm run dev
M# s9 w+ A$ X( y - DONE Compiled successfully in 4388ms, o8 i! l9 b" B+ m; n
7 k" P2 R" a" B5 ?7 D- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: , b7 ^# H4 h) N1 `* Y( W5 R
; x* s: H P2 {
% F: R/ G# M( t0 k, X$ q
: @# m' ?" b# f
( \4 C$ @8 S4 N& S |