1. vue.js 安装
1.独立版本
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。
2.使用CDN方法
BootCDN(国内) : https://cdn.bootcss.com/vue/2.2.2/vue.min.js
3.NPM方法
在用 Vue.js 构建大型应用时推荐使用 NPM 安装: $ cnpm install vue
2. 构建单页应用
Vue.js 提供一个官方命令行工具(vue-cli),可用于快速搭建大型单页应用。
如下步骤安装 vue-cli:
$ cnpm install --global vue-cli #全局安装 vue-cli
$ vue init webpack my-project #创建一个基于 webpack模板的新项目
# 这里需要进行一些配置,默认回车即可
......
执行完毕之后,进入项目,如下命令安装并运行:
$ cd my-project
$ cnpm install
$ cnpm run dev
DONE Compiled successfully in 4388ms
> Listening at http://localhost:8080
一个vue项目就搭建完成了。访问 http://localhost:8080/,能看到基础页面。
接下来要考虑 :
1. 路由。路由允许我们通过不同的 URL 访问不同的内容。
2. url请求管理。
3. 页面的实现。