Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 # q Z7 j' ~6 C
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 $ i3 o: u- O: E0 L
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
6 S7 U( C7 ?! n. I3 o - $ npm -v' ~, x+ D; l9 C2 Y7 j
- 2.3.0! k' S6 D! W8 r% H9 D! [8 ]4 L
2 E$ ]2 ~: P9 a3 [ }- #升级 npm
* }0 y# B7 ]$ x4 F4 |9 S# b - cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版6 R9 j2 u# |7 [5 O3 G) P% N& q6 u2 j- D+ o
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
( q0 l/ R/ R! M5 r8 i - $ cnpm install --global vue-cli
# i" B( Z) Q o$ `* O, R1 Q2 w' ^2 d - # 创建一个基于 webpack 模板的新项目
G$ k) q* m1 a3 {) U - $ vue init webpack my-project. c3 X* c3 I9 h) Y, ?& u
- # 这里需要进行一些配置,默认回车即可4 S8 Q8 C ]( r; N2 n7 j8 t
- This will install Vue 2.x version of the template.
/ |% b9 o, O0 a O7 I p - + I+ n# o! H! r/ X* M" G) Z
- For Vue 1.x use: vue init webpack#1.0 my-project7 Y3 B4 @/ G/ D% l! X
' M6 _8 g0 n1 b+ ^: O8 B1 S, v- ? Project name my-project/ p9 O1 K" ^; h
- ? Project description A Vue.js project
, }% G3 [; p* N - ? Author runoob <test@runoob.com>1 @4 Q( O5 ]1 E) }2 O
- ? Vue build standalone
a* t. V. P2 ]; } - ? Use ESLint to lint your code? Yes" |$ T" \0 p8 N/ |7 M
- ? Pick an ESLint preset Standard- ~1 d: G+ F; [$ ~+ y- t( u8 ?! x
- ? Setup unit tests with Karma + Mocha? Yes/ Z6 J C/ n: i+ j4 ], u% a6 P
- ? Setup e2e tests with Nightwatch? Yes( F7 n5 u& W3 f7 Y; g+ H6 F1 s
f3 e' F" M7 Z! S* N- R- j" L: D- vue-cli · Generated "my-project".- R' M' `& }; F
- . C3 q" [$ f) v4 U
- To get started:
; v9 s) @( q1 f% x3 S0 O -
4 S$ B2 m1 R% t: X" [4 ~ - cd my-project
% k6 r# z; w5 T - npm install+ J, G- A; D7 [6 S( Z
- npm run dev6 t* X7 m/ H' ^/ ]/ L
- / Q# t8 K. l" P$ ^2 N
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project
" T" m- b- j7 l& i - $ cnpm install
`% X0 k0 D3 R" E7 A6 l6 G - $ cnpm run dev
( P; C3 N; A2 J* p% ]- d - DONE Compiled successfully in 4388ms
6 h) B% W0 K$ a' a k( g - * @6 C9 v5 {, a/ n. S5 X( x1 V
- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
4 R# N7 g5 v8 j/ o( i9 ^
4 A: f1 s: U* T# M5 x
8 a t" ~0 L# I- D+ g* C2 d+ M3 N3 ^) o; L L' D1 I$ I" h G
" \+ K" \! s) M
|