Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
5 v' \4 g/ d( N6 n2 v! T( _+ Y- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 8 \ N7 R* W" N& j# {
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本
. l' G' B: u! e- N' T! X! f - $ npm -v
1 o/ T: M5 C7 x - 2.3.0, a o9 `" w( z; A; E5 f
( F% x: z% Q3 l- #升级 npm
8 S5 V4 y* o, O' K+ z - cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版
, w! }8 A6 ^4 g+ T* | - $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli
, h% s7 j2 O9 h7 u7 W1 R% ` n @ - $ cnpm install --global vue-cli
: d# S2 s! P; K% X - # 创建一个基于 webpack 模板的新项目 L, O$ O* |7 d+ J0 v" c
- $ vue init webpack my-project
+ N6 L- V8 X; P2 W2 p% R - # 这里需要进行一些配置,默认回车即可
6 V5 t. J3 v; J' M9 Z0 U8 l8 y/ O - This will install Vue 2.x version of the template.) ^, ?& A" w7 e& O- \! v
% i% F V; x/ K& W: F% E1 {2 |, B- For Vue 1.x use: vue init webpack#1.0 my-project
- h9 h% ?7 ~& K
p, w2 E/ e/ g! Z; c" l8 S- ? Project name my-project% S) s2 q3 c7 i+ T
- ? Project description A Vue.js project
) d' X) g f/ w* B7 {5 s - ? Author runoob <test@runoob.com>
! }7 |. ?1 v7 i3 F% G$ d - ? Vue build standalone8 l# G* u' {8 P2 ~9 Y9 ]; f
- ? Use ESLint to lint your code? Yes* Y1 p, _0 b* X! e& H+ h
- ? Pick an ESLint preset Standard
6 N- h6 V" M7 J* D/ {: t2 U# w - ? Setup unit tests with Karma + Mocha? Yes8 r+ \2 o9 v5 t `8 z0 S
- ? Setup e2e tests with Nightwatch? Yes
: A3 |- u9 k/ I
. c; _2 c+ j' o* C- vue-cli · Generated "my-project".
6 A: T* x4 y+ ~# O/ u, L
8 `9 D U7 T: I- To get started:
$ e# l; r* L Y7 S- H; g& @ -
2 R6 B% p" n7 d! } - cd my-project, p `' M! s2 p- [# R% D
- npm install) l+ X6 t x7 s9 O) r7 e+ i
- npm run dev6 J4 f6 y. k. c3 H) |: f& u% q
- ; D1 N5 E$ o0 X* T! p P& |& {$ _
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project t( V, W" g- ^! O9 x/ n
- $ cnpm install# K# P' V. e6 d! K
- $ cnpm run dev1 S: ^6 K; k/ [7 Q& P! [5 P7 z! t& y
- DONE Compiled successfully in 4388ms
8 j3 `% n6 z8 B
! r) u. O ^) W. x, g+ M- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示:
3 U" ?! r7 C0 W& Q. _2 r/ s
) j# B8 p# ^. T6 d' o. K- \
4 v6 f' ?) g4 j4 g$ Y6 z
( d; l1 p, b1 |: R/ _& q6 V- j( Y3 X; V7 l) @& [. P+ p- L
|