Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 ) h$ N- o4 Z8 Q
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 - ) q% j& {7 J6 n4 H: F/ F6 C
+ V1 { ~% b# h
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
% V, Z/ j% H! C( E' A3 s$ C - $ npm -v
2 J* v2 z7 E# B4 }( a - 2.3.0% B, y! a/ M- B- e1 j
% S/ c* L$ q4 I- #升级 npm. G, ?% s) s0 r0 [5 {
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版" K/ ?( ?' ?! V* ~- }% M
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli) u% r/ k! @* e+ l# y
- $ cnpm install --global vue-cli. \. A) H5 U( F0 W0 I& \* n' I
- # 创建一个基于 webpack 模板的新项目
! |/ N* s- n* f8 @0 D - $ vue init webpack my-project: c2 L8 N1 _) T) }9 f3 X( ^1 p+ M
- # 这里需要进行一些配置,默认回车即可
: e' z4 H* D5 F9 x* K/ z - This will install Vue 2.x version of the template.0 A% L! J& s/ j7 V
- 6 u) _* c6 I E- C5 p+ R
- For Vue 1.x use: vue init webpack#1.0 my-project& V9 V6 b6 e6 D$ H4 l/ S# \
- & d. ~9 [5 I- ]
- ? Project name my-project
% o$ o5 }$ |4 v6 v2 G - ? Project description A Vue.js project, J3 @; I% \: }$ L
- ? Author runoob <test@runoob.com>/ f, H. q; m' X }$ P. x
- ? Vue build standalone& S5 k' c9 ?9 j' G) w! a9 J
- ? Use ESLint to lint your code? Yes
, |- h% d8 A2 K - ? Pick an ESLint preset Standard- D& a5 g: t& [& t
- ? Setup unit tests with Karma + Mocha? Yes- j% ^. q4 s; Y+ M
- ? Setup e2e tests with Nightwatch? Yes0 N" S0 W9 l9 z2 ^
- , o" k% U" v6 f% Y4 n w
- vue-cli · Generated "my-project".
5 b- V9 }* q0 ~3 i2 |
1 ?( h5 o& Y0 W' v# j5 V3 c- To get started:; N9 k' l9 `5 J
-
) [7 d( w; j. ~- n+ P# h - cd my-project# G. O3 @$ ^) p$ w# I
- npm install- Q" G6 x5 d& |% S' K' L! z$ c# `! _( |
- npm run dev
0 l( C3 o( p! y0 A- x -
6 ?' L g7 p Z |0 D( J7 w - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project% l7 A1 S+ c8 L5 i
- $ cnpm install
( d8 l& V( w. t. L - $ cnpm run dev0 S3 Y! O) D" w7 _) I0 f* n/ ? P2 J, Z
- DONE Compiled successfully in 4388ms
% K4 Z) p; |! j) w9 X
1 b8 T* @# J3 ~ G- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: ; l9 {- S! w9 a$ R; v+ L+ N
: g% C$ A t" w6 X7 v
) \# i" G8 A4 o$ @: M: j/ u5 r3 C! C
, x. O k, b: i4 q
|