Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 , o; L" O2 K3 p- Z8 P" s
- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。
, Q x* d% Z: o6 k9 V" F7 Y & Q: W* A5 `7 B. L* R4 s
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
( `8 U1 K& Q, K - $ npm -v
7 \+ D4 u$ D) U1 c* C6 a$ }- h8 Z* Y - 2.3.0
X9 K+ P$ F) _+ R - 2 I2 O3 E8 N9 E1 I" q4 ]
- #升级 npm p3 s. h) J8 Q0 u" G0 I
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版0 a. x! E/ r% ^2 K. }2 F( k
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli2 s: l8 G& r4 U# p" f h
- $ cnpm install --global vue-cli
- i s( @! I# N5 t7 u3 B8 y/ _ - # 创建一个基于 webpack 模板的新项目
% ]' C* v$ n3 r) ?$ U( a, f* K - $ vue init webpack my-project
! H1 s% }) i& b1 V$ H c - # 这里需要进行一些配置,默认回车即可+ u$ L9 t- j; n( s
- This will install Vue 2.x version of the template.
$ z5 R! W: `) P+ {- s% x, W! M - Q1 j/ P% h& p3 r+ [0 k
- For Vue 1.x use: vue init webpack#1.0 my-project
% x, Y, W! n F% K
( |7 u9 t: Q1 X0 ?- ? Project name my-project9 X2 p4 v; J$ h6 t) c
- ? Project description A Vue.js project8 f' I# s+ U( V/ y
- ? Author runoob <test@runoob.com>: s* t4 e) G6 k1 ?3 F6 Z( n
- ? Vue build standalone
; p; M/ ^5 L+ i: b9 N7 R3 h2 [" g$ v+ Y - ? Use ESLint to lint your code? Yes( n |$ y2 ?- N6 q) b. w
- ? Pick an ESLint preset Standard
8 v- F3 R" I; S - ? Setup unit tests with Karma + Mocha? Yes
$ u5 ^% D, k& G8 I& {* d5 S% r - ? Setup e2e tests with Nightwatch? Yes. | k$ Q; O% N
- . V0 V& n) P& B2 g
- vue-cli · Generated "my-project".3 y3 T2 A. F i m2 h2 C$ \
$ k2 Q0 y- [" g( K- To get started:
) s2 ?* B m/ Q/ q0 B1 Z -
, V+ x6 J3 f- B: b! W - cd my-project
- q! n) N; ~# L$ r9 U2 Z - npm install9 a' _! g2 w1 m; b2 t- Z- l; X2 ~
- npm run dev7 h: |3 V9 q( c6 d' w& I. e
-
2 x/ d- @! V( U# S. d5 r - Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project( c* w3 C' X- M: J* |
- $ cnpm install8 s% a1 L' J( u
- $ cnpm run dev# {- W* X6 j+ A, C8 x' `
- DONE Compiled successfully in 4388ms
7 O6 m5 Y* ^7 e7 p! ] - I. }+ X* x& S# P& l
- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
9 L2 _0 {0 N X3 B( P8 Z8 g |' G3 W9 }- u
8 m$ I1 S7 I- O% q" n
$ k0 O* F) e6 s
; j! ?5 B! F' a( v3 D |