Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
U" `. Y- e+ C- Z- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 : `" F7 y' p8 c: _
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
5 i7 B" h" o5 I" p - $ npm -v
- A* Z3 R& t7 f! X4 M2 Y5 h J - 2.3.0 l5 ?, E8 S* u* @( O8 y% T0 \3 \
3 [8 e: q9 z. D+ ?- #升级 npm
! E: D/ ~3 u. I9 e: f - cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版" G' j( e. `; r) K
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
) n [" g% i' J p2 G: ? - $ cnpm install --global vue-cli5 W" x9 B/ s8 B, |
- # 创建一个基于 webpack 模板的新项目, N; I0 i }7 K7 b! J
- $ vue init webpack my-project
: I7 q3 P( s. y1 p3 L7 a0 O - # 这里需要进行一些配置,默认回车即可
/ N3 R- {+ @* A0 Y - This will install Vue 2.x version of the template.- Y& \8 V3 g0 B, |0 {( U( G; G
- # g8 {$ }6 J& R$ p: r$ D
- For Vue 1.x use: vue init webpack#1.0 my-project
1 @7 }) H; ^. A4 e$ _ - 7 m) K2 I4 M* l7 ?5 ]
- ? Project name my-project% S, _9 t5 ^! C# c- o: g S
- ? Project description A Vue.js project
w" V$ S. }. k9 e0 B# t( J4 T - ? Author runoob <test@runoob.com>
! o s, d! M% Q8 v$ W) C# v1 @ - ? Vue build standalone
. ` T) ^7 h( f, t - ? Use ESLint to lint your code? Yes# R9 Q {0 i2 J( f
- ? Pick an ESLint preset Standard
b) `- v5 I- ~* q0 ]1 U - ? Setup unit tests with Karma + Mocha? Yes% T) v0 w6 H4 d) o
- ? Setup e2e tests with Nightwatch? Yes* t4 r* q5 U! c/ \8 N; G
0 R( l+ `. Z7 Z8 Z+ h8 I- vue-cli · Generated "my-project".
/ w# \5 b3 o5 L, g* p - ! K/ ?' u* ~- B+ ~9 ^" n+ w/ p8 R+ e
- To get started:
, z$ n! @0 F- f( X* U; z) r& |, \, b - 0 `& S4 u5 ^# ?0 o2 u& H
- cd my-project) p* T Y* r, s1 v
- npm install3 Y8 W2 V% W. t; ^
- npm run dev9 x% i6 o8 j% o5 M( B
-
' d3 \0 h4 g; E& c - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project9 h& m! @$ F. M) r* D: {6 Y) H5 J
- $ cnpm install
+ p% z% h$ P6 Z! W, W - $ cnpm run dev: G [2 p) I$ b1 O
- DONE Compiled successfully in 4388ms
$ D m* H5 {" l
- q3 \& W$ M* N! I i3 x& _$ N' |- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
0 V2 j2 @. @( P/ ?
: ^6 [& R# \4 G% h# q7 L( D
7 I+ O9 J6 u/ u# L
$ _, r1 @2 l v) B! Y4 i4 {! o
2 F _+ q) r( Q |