背景
最近面对一个庞大的项目,但是只需要修改某个模块,每次都手搓命令太麻烦了,于是就想着能不能写个脚本来辅助处理这些事情。
解决方案
定制化一键 ESLint,执行文件下载地址:
https://github.com/mazeyqian/go-gin-gee/releases/tag/v1.4.0
"使用脚本整合指定文件/文件夹,执行定制化 ESLint 命令"继续阅读
最近面对一个庞大的项目,但是只需要修改某个模块,每次都手搓命令太麻烦了,于是就想着能不能写个脚本来辅助处理这些事情。
定制化一键 ESLint,执行文件下载地址:
https://github.com/mazeyqian/go-gin-gee/releases/tag/v1.4.0
"使用脚本整合指定文件/文件夹,执行定制化 ESLint 命令"继续阅读
在子组件里面声明 props
可以接收父组件传过来的值实现父组件向子组件的单向通信。
// 父组件 <son title="后除"></title> // 子组件 props: { titile: { type: String, required: true } }
"Vue 组件通信"继续阅读
组件名为多个单词,并且用连接线(-)连接,避免与 HTML 标签冲突,并且结构更加清晰。
示例:
// 反例 export default { name: 'item' } // 正例 export default { name: 'page-article-item' }
"基于 Vue 的前端开发规范"继续阅读
import Vue from 'vue' import Router from 'vue-router' import Login from '@/components/pages/login' import Capture from '@/components/pages/capture' import List from '@/components/pages/list' import CaptureFail from '@/components/pages/capture-fail' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'Login', component: Login }, { path: '/capture', name: 'Capture', component: Capture }, { path: '/list', name: 'List', component: List }, { path: '/capture-fail', name: 'CaptureFail', component: CaptureFail } ] })
"vue-router路由懒加载"继续阅读
# 安装 Vue Cli
npm install vue-cli -g
# 初始化项目
vue init webpack vue-china-map
# 切到目录下
cd vue-china-map
# 安装项目依赖
npm install
# 安装 Vuex
npm install vuex --save
# 安装 Axios
npm install axios --save
# 安装 ECharts
npm install echarts --save
"Vue+Vuex+Axios+ECharts 画一个动态更新的中国地图"继续阅读