Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
4 c! `% N; o# P; G3 b- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 - 8 f& J" [3 I! U; n3 @3 a; ?
+ \ t2 }( _7 W6 e
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本' l3 o# [! q& K% q0 Z. s
- $ npm -v% V1 M/ U& [ J! D: b, B8 L
- 2.3.0
/ _$ W( E& c9 i" \ l6 {; } - , B) T. g0 V6 [: C* I
- #升级 npm+ S, W# d9 ?5 s* f
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
0 G; W7 F0 Z" S* M - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli& @: _, N% w, ~# K3 M
- $ cnpm install --global vue-cli
0 g$ y% x( {9 ^ - # 创建一个基于 webpack 模板的新项目
$ }6 c# `8 d$ @4 {; | - $ vue init webpack my-project
' O4 ?) i r9 F! U - # 这里需要进行一些配置,默认回车即可" r7 ~0 s; y% t$ k" V* Y
- This will install Vue 2.x version of the template./ Z3 ^0 O2 U# u. E
! v. A6 H ?; K4 r- For Vue 1.x use: vue init webpack#1.0 my-project
' @* b# h* s. o y
, ?3 _1 n3 h7 Q9 d/ ~- ? Project name my-project
/ x* {8 m9 H5 K: E, d - ? Project description A Vue.js project
* C8 ]8 m% [/ G9 c' L. I - ? Author runoob <test@runoob.com>2 y& v& Z# y5 E1 f
- ? Vue build standalone
) S9 y- {) z! j0 S - ? Use ESLint to lint your code? Yes6 ]+ w: I; S3 V7 y: o! S
- ? Pick an ESLint preset Standard
8 F$ L; W' s3 {& o$ t) z - ? Setup unit tests with Karma + Mocha? Yes0 w# \9 Y0 A0 p
- ? Setup e2e tests with Nightwatch? Yes
/ i$ o; D/ N7 z) T1 i - 2 N. W+ _ I9 }% s/ Z& G# y" o. H! Q
- vue-cli · Generated "my-project".
y4 w% v' E' r: i2 ]- U - ! {& P& M+ R. u
- To get started:' j0 Y- n2 C, L3 j9 u9 a$ V
- 1 T2 u9 d+ u$ @1 t4 |
- cd my-project; [( w4 S) q7 ?3 S! J9 p9 x
- npm install
1 m3 q" C8 T) M7 g - npm run dev$ ?5 E3 Y) l# a; Z: q
- 7 e, @& L! A2 l1 X# D
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
A% Y! Z8 m& B4 } - $ cnpm install7 e7 O1 V0 \- `8 _) _0 \
- $ cnpm run dev
/ i' p8 l: W6 R g - DONE Compiled successfully in 4388ms
7 N* A9 f( a$ g+ J& M# j
& Z B% p' g: \1 u- R2 i. K/ ]& ?8 a8 N- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
# }! @7 M, n' Y% T/ v+ R
5 x! ?) C: R6 S, Y, O
! x3 N# {0 I) l- A2 v4 B3 J- W! r# S, k; L1 k, K* T
& E% G( T: X7 F) H+ T8 H1 o |