laravel 前端 vue 搭建

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. 页面的实现。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值