Laravel+Vue.js全栈开发之路

Posted 2021-05-01 In客笔记

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

# 全局安装 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为我们提供了快捷的模板

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

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