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

发布了119 篇原创文章 · 获赞 21 · 访问量 8万+

猜你喜欢

转载自blog.csdn.net/beauty5188/article/details/82870801
今日推荐