Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
3 y+ D+ ` F& n9 i- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
/ R- c& V6 r7 t @/ F4 x# T3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本, ?( Q5 b9 W- a0 i9 ]
- $ npm -v
4 F( m' O3 P% f! b& I( U - 2.3.0
5 q8 `- J# w$ }
c9 K1 a. O4 U( z' _, b- #升级 npm% s q n4 {7 T( v" ]
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
4 n5 O4 G! ?/ E# \( ?8 u& F3 Q% W - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli. G, x4 }9 }2 l1 o
- $ cnpm install --global vue-cli. j8 A7 q0 H) y n
- # 创建一个基于 webpack 模板的新项目
, {3 w4 X0 d( ~9 D - $ vue init webpack my-project
# r2 w. H! p% Y. Z6 v - # 这里需要进行一些配置,默认回车即可" V7 o$ `. w' \( E/ e$ k& D# Y
- This will install Vue 2.x version of the template.& f6 x0 G# {, `1 w8 k" M
2 {& T# u1 Q7 H) ? E- For Vue 1.x use: vue init webpack#1.0 my-project0 M1 t7 C1 a: m# A0 E5 c
- , m3 ?! x$ m7 g9 z7 Q* [, n; T
- ? Project name my-project2 E5 c1 H3 o1 h6 c# v
- ? Project description A Vue.js project
v# c/ k% A/ @8 ~ - ? Author runoob <test@runoob.com>2 C' j l* o# G8 P3 o
- ? Vue build standalone( R7 n* j. X+ z6 P# D8 ]- P
- ? Use ESLint to lint your code? Yes
2 Q! ?8 ^ _% a2 b* ] - ? Pick an ESLint preset Standard# I" C5 K5 m0 C: m! o" ^
- ? Setup unit tests with Karma + Mocha? Yes4 m4 F O4 e1 m# Q. {& M! ~
- ? Setup e2e tests with Nightwatch? Yes
4 t6 K9 \+ h( C6 N. T* n. |7 C - " w O. g2 k" e2 v$ N0 M: t
- vue-cli · Generated "my-project".' O9 E9 Q& b8 F1 {' f
- # |8 U* w8 ~6 s+ M, r7 |5 \9 c* ]5 G
- To get started:
1 _9 z! _( l* {, _2 { -
+ W2 b5 B5 e* j6 G# i - cd my-project$ r4 @) l U0 m; I2 V: b, R$ v" P
- npm install1 d) W: W( p: {8 [" y+ ?7 @; T$ d4 ?+ A) a
- npm run dev6 H# R3 B& ^% F6 I: V) G" b- }
-
5 t8 e. q- Y3 E! K- C- ~/ w# O - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project" C7 C- P6 h1 c
- $ cnpm install/ H$ d# t, T( {' e* V* B
- $ cnpm run dev
4 N& J' j% W, q( O9 b' L - DONE Compiled successfully in 4388ms; J& u) ^/ P1 S# \
* T+ s) o* P% l: V4 }- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: % g3 O% |1 E# @
8 E. A+ w# T! U
# r+ @% X v$ @$ Q
" m3 O o; N' Q8 u9 n! \8 A3 ]. v
|