Vue.js 安装1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
6 \. v9 X9 m; p2 v$ Z, b+ r7 s$ `' Q- <scriptsrc="http://www.w1.hk/jss/vue.js"></script>
复制代码 2、使用 CDN 方法以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。 - % T& G" G# W7 G5 V6 H* Z6 q
8 C- m& S B# e" I
3、NPM 方法由于 npm 安装速度慢,本教程使用了淘宝的镜像及其命令 cnpm,安装使用介绍参照:使用淘宝 NPM 镜像。 npm 版本需要大于 3.0,如果低于此版本需要升级它: - # 查看版本5 L9 u; D1 E8 N: u* ]
- $ npm -v
1 L6 N: P# e @3 M S+ p$ [$ C# i - 2.3.03 z! z6 r- Q1 I
- : h, @* L5 }. H( ~. Y
- #升级 npm! y. s \" B5 {3 [: {- a
- cnpm install npm -g
复制代码在用 Vue.js 构建大型应用时推荐使用 NPM 安装: - # 最新稳定版. v. d' q5 F2 \2 P7 O; W
- $ cnpm install vue
复制代码 命令行工具Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。 - # 全局安装 vue-cli# p0 ^+ w! C! M0 c. O
- $ cnpm install --global vue-cli
" A! ^/ P* q/ }8 i8 _ - # 创建一个基于 webpack 模板的新项目5 I, X; a4 H, G( h. n. Z
- $ vue init webpack my-project
, j3 H3 ^/ V1 V- { r1 @ - # 这里需要进行一些配置,默认回车即可
: N& l0 f2 Z0 l$ L5 G/ g - This will install Vue 2.x version of the template.
! @; X3 B* ?" m
5 ?( f f2 Y+ Z4 ^. C% |: J( n- For Vue 1.x use: vue init webpack#1.0 my-project7 U. _- @1 f0 n7 S. [) v; D i
- 1 v! c$ x( n. T5 S$ T: \
- ? Project name my-project
`0 g/ }! T. ~/ ]3 P) M, r% K6 L - ? Project description A Vue.js project
6 A5 m% W( T) u( T- M* N - ? Author runoob <test@runoob.com>
0 ]( q4 @& n6 c8 j+ P - ? Vue build standalone
5 c; A, t, M# H - ? Use ESLint to lint your code? Yes
( L5 |: |! z2 l; z( a% V& @ - ? Pick an ESLint preset Standard
2 T- I0 W Z: F9 I7 Z& Y/ \ - ? Setup unit tests with Karma + Mocha? Yes
3 j. M9 D+ J; m, s( q& n - ? Setup e2e tests with Nightwatch? Yes
R. C- h; q9 B. S j" p
4 [1 H6 o5 h" K0 w0 k- vue-cli · Generated "my-project".
! D& X/ e0 d% F5 ^8 o" O( c/ v7 _
# F g& x4 E' J( ]% L$ L- To get started:
2 y1 z, W5 r; ]0 C$ h& M4 s2 _) U9 a - 3 C+ Q1 L6 T" M* W
- cd my-project
$ |; e. t0 M8 A& D n' s9 D - npm install5 P4 K* \9 F4 l# K9 `. `, e
- npm run dev
- q# h7 E2 u/ _ - 2 |4 C- v7 D0 O- }+ U+ V; c! \
- Documentation can be found at https://vuejs-templates.github.io/webpack
复制代码进入项目,安装并运行: - $ cd my-project9 [, N4 U; w3 W' M( L" Q; L3 x
- $ cnpm install
8 b3 Q- F% s' ?9 y - $ cnpm run dev
: _. W( ]) ^* I! U" C - DONE Compiled successfully in 4388ms, v( R5 \8 G: z7 e( S) I6 F
- : C N0 L+ U k6 R; t$ R# a* U& ]
- > Listening at http://localhost:8080
复制代码成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: - `8 k- d" H6 C5 Y; z
c W) ?! ^7 z( x) v; P; b
: B, c8 m& d$ R7 S& t2 C0 p8 d6 O: ?
) I% y! ?0 D$ N6 Z
7 _8 n2 h! L% k6 T9 o' L5 G! l |