|
Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 " O0 M, E. @, \' W8 u5 e
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 5 o7 s* }0 }8 \; o }- n- o1 q8 Y
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本( K) n- G. J/ ~% _, w; |1 n- b
- $ npm -v
( z+ c+ Z7 j; r6 o4 M7 e - 2.3.05 M7 a# `4 z6 u2 }9 D. Y
- / l; [; B2 g$ O
- #升级 npm/ t2 S1 i# `/ g4 u; G5 Z- x4 c% \8 B
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
( l0 a' z4 m! T9 W {$ V - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli8 G* h1 [" Z8 }) Q* N0 i: b
- $ cnpm install --global vue-cli( B! S6 g7 c8 H0 q; Z8 `
- # 创建一个基于 webpack 模板的新项目
. ?% E8 m6 v# O6 F) U - $ vue init webpack my-project
9 Y" w0 g7 J6 N. W3 z - # 这里需要进行一些配置,默认回车即可; T3 ~" D" z1 J5 ?9 Z# @
- This will install Vue 2.x version of the template.( a7 R/ f/ O4 [! c! r. s
6 W& r7 g4 c1 ~1 V$ Y- For Vue 1.x use: vue init webpack#1.0 my-project$ q" w* c* y1 s/ @! d* ~
- 2 ]% E" t0 u* n5 n
- ? Project name my-project1 f3 q9 {, [+ s5 @
- ? Project description A Vue.js project
' ?( e& m1 X* \. j) [ - ? Author runoob <test@runoob.com>
0 b/ A9 l* F+ _( w3 \! ~ - ? Vue build standalone0 r% H( Q, B9 ]7 J/ j3 g
- ? Use ESLint to lint your code? Yes) `: T( n& B2 E: I
- ? Pick an ESLint preset Standard
+ f; u6 o: Y& G4 O0 K" a& R$ u - ? Setup unit tests with Karma + Mocha? Yes
+ `, p$ x8 K6 } - ? Setup e2e tests with Nightwatch? Yes
- u( \7 i$ L3 f( P, o1 i+ V - * @+ J5 T; T. I X5 I
- vue-cli · Generated "my-project".0 n1 S I& f3 w2 I; h+ g' I
- 2 u+ F( T1 J. Y
- To get started:" |2 G- {, F3 }2 _
-
0 W3 t2 u B& o - cd my-project
7 X2 E0 t9 ~! b7 o - npm install
2 ^4 [" g, Y- k V+ h7 b1 } - npm run dev
! A' Y! v- k2 S+ C, ?; J& F. t - + M6 ?- m3 v U9 \+ }7 p6 Z4 H
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
" u8 e2 j5 Q$ X - $ cnpm install3 B1 ]7 |! c" z. L( v3 B) r
- $ cnpm run dev
' j$ N$ Y! m% b( {4 W* @ - DONE Compiled successfully in 4388ms5 B r! A) Z' m$ p
' t, v& W/ n7 p: _. \- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
9 B3 S `% {$ v$ O; D' {
/ ?8 b& e: P4 l" i' h
; C. H5 n5 p l) ]( W2 v9 z7 ?
2 \1 I4 ~: b" ?/ g# s( C' R, Z+ b0 L1 I* o
|