【Laravel+Vue.js全栈开发之路】

我们在命令行下使用命令：

# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ npm run dev

然后我们安装element-UI

# 安装element-UI npm i element-ui -S

然后我们在main.js里引入element的文件

# 引入文件 import Vue from vue import ElementUI from element-ui import element-ui/lib/theme-default/index.css import App from ./App.vue Vue.use(ElementUI) new Vue({ el: #app, render: h => h(App) })

然后我们就可以按照element的语法写界面了，为了方便快速开发，element为我们提供了快捷的模板

github地址：https://github.com/ElementUI/element-starter

我们使用git把项目克隆到本地，然后只需要执行两个命令npm install 和npm run dev就可以使项目运行起来了，ok，看一下效果

这样就已经成功了第一步，然后我们只需要按照element的基本语法，就可以搭建出我们需要的后台界面了，这部分和bootstrap相似，在我们的Laravel中最简单的方法就是如果不需要实现前后台完全分离的情况下，直接引入对应的css和js文件即可。明天上传我的源码~今天先这样，我现在说的是单纯的vue，还不涉及laravel的内容，慢慢的会穿插很多知识点给大家，angulara和vue都十分好用，个人比较倾向与vue，因为上手更简单，laravel也是我最喜欢的后端框架，我们慢慢的一点点的做，希望大家可以早日学会，有什么建议和问题可以告诉我，毕竟每个人的学习方法不同，我自己也每天有很多事要忙，所以大家也希望可以体谅一下吧，ok，see u guys

我们在命令行下使用命令： # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ npm run dev 然后我们安装element-UI # 安装element-UI npm i element-ui -S 然后我们在main.js里引入element的文件 # 引入文件 import Vue from vue import ElementUI from element-ui import element-ui/lib/theme-default/index.css import App from ./App.vue Vue.use(ElementUI) new Vue({ el: #app, render: h => h(App) }) 然后我们就可以按照element的语法写界面了，为了方便快速开发，element为我们提供了快捷的模板 github地址：https://github.com/ElementUI/element-starter 我们使用git把项目克隆到本地，然后只需要执行两个命令npm install 和npm run dev就可以使项目运行起来了，ok，看一下效果 这样就已经成功了第一步，然后我们只需要按照element的基本语法，就可以搭建出我们需要的后台界面了，这部分和bootstrap相似，在我们的Laravel中最简单的方法就是如果不需要实现前后台完全分离的情况下，直接引入对应的css和js文件即可。明天上传我的源码~今天先这样，我现在说的是单纯的vue，还不涉及laravel的内容，慢慢的会穿插很多知识点给大家，angulara和vue都十分好用，个人比较倾向与vue，因为上手更简单，laravel也是我最喜欢的后端框架，我们慢慢的一点点的做，希望大家可以早日学会，有什么建议和问题可以告诉我，毕竟每个人的学习方法不同，我自己也每天有很多事要忙，所以大家也希望可以体谅一下吧，ok，see u guys