vue配置相关知识
-
VUE 配置vue-devtools调试工具1. 通过 Git 克隆项目到本地git clone https://github.com/vuejs/vue-devtools.git 2. Git 进入到 vue-devtools 所在目录,然后运行以下两个指令。 先运行 npm install 安装项目依赖 再运行 npm run build 进行编译生成 这两条指令的运行都需要一定的时间,请耐心等待,build 成功后如下图: 3. 修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 将 persistent 参数改为 true,如下图: 4. 将扩展程序添加到chrome浏览器a. 打开浏览器扩展程序(也可以直接在地址栏输入 chrome://extensions/ 来打开) b. 打开扩展程序后,开启
-
17、webpack从0到1-构建vue项目讲下webpack中的对于vue配置,其实vue官方就提供了一套模板vue-webpack-template,我们学习学习,然后基于当前自己的项目来配置下。 git仓库:webpack-demo 1、处理vue 对于.vue这种文件,webpack肯定是不认识的,所以我们需要相应的loader来处理它,通过查阅文档我们发现需要安装这两个东西: $ npm install vue-loader vue-template-compiler --save-dev 然后安装文档上面的教程,照猫画虎搞一下。这个loader两个环境都是需要的,我们应该是丢到webpack.common.js中: // webpack.
-
pre-commit钩子,代码质量检查目前基本使用三款js代码质量检查工具: jslint, jshint, eslint。许多IDE里面也有对应的检查插件,在每次ctrl + s 保存文件的时候,检查当前文件是否符合规范,保证代码质量。许多团队都会指定一套代码规范code review,更加严格的检查每次代码修改。 也可以在git commit之前,检查代码,保证所有提交到版本库中的代码都是符合规范的,在看vue源码时,不免修改代码,就会触发里面配置好的钩子函数。于是,仔细研究了一下vue配置方法,可以发现配置非常简单。git 钩子文档上介绍非常详细,git init后,在.git/hooks文件中,有一些.simple结尾的钩子示例脚本,如果想启用对应的钩子函数,只需手动删除后缀。所以,列出两种配置方法:1. 手动修改钩子文件按照文档上,配置钩子脚本,修改hooks中文件名对应的钩子文件,启用钩子。使用shell脚本检查,可以参考vue1.x 里面如何使用 !/usr/bin/env
-
vue-router配置前言这篇文章给大家讲解的是在vue-cli脚手架中如何配置vue-router前端路由的相关内容。首先在main.js文件// 引入vue-routerimport VueRouter from 'vue-router';// 引入组件import goods from './components/goods/goods';import seller from './components/seller/seller';import ratings from './components/ratings/ratings';// 使用路由Vue.use(VueRouter);// 创建路由实例const router = new VueRouter({&
vue配置相关课程
vue配置相关教程
- 2.1 key 配置项 “key” 配置项就是触发代码块时,显示在代码列表的名字。前面小节说过 key 配置项是唯一的,这个唯一指的是在同一个文件中是唯一的,不同代码块文件可以是重复的,我们来举个例子。前面讲的条件编译代码块 ifdef,分别在 javascript代码块(javascript.json)、vue代码块(vue.json)中的样子如下。实例:// javascript.json"#ifdef": { "body": [ "// #ifdef ${1:APP-PLUS/APP-VUE/APP-NVUE/MP/MP-ALIPAY/MP-BAIDU/MP-WEIXIN/MP-QQ/MP-TOUTIAO/MP-360/H5/QUICKAPP-WEBVIEW-HUAWEI/QUICKAPP-WEBVIEW-UNION/QUICKAPP-WEBVIEW}", "$0", "// #endif" ], "prefix": "ifdef", "project": "uni-app", "scope": "source.js"}// vue.json"#ifdef": { "body": [ "<!-- #ifdef ${1:APP-PLUS/APP-VUE/APP-NVUE/MP/MP-ALIPAY/MP-BAIDU/MP-WEIXIN/MP-QQ/MP-TOUTIAO/MP-360/H5/QUICKAPP-WEBVIEW-HUAWEI/QUICKAPP-WEBVIEW-UNION/QUICKAPP-WEBVIEW} -->", "$0", "<!-- #endif -->" ], "prefix": "ifdef", "project": "uni-app", "scope": "source.vue.html"}可以看到,在这两个代码块文件中,关于条件编译的 key 配置项都是 "#ifdef",这样虽然设置了两个代码块,但是我们使用的时候就不需要在不同的作用域去区分了,非常方便。
- 2. 配置嵌套路由 实际项目中的应用界面,通常由多层嵌套的组件组合而成。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层组件,例如:/article/vue /article/react+------------------+ +-----------------+| Article | | Article || +--------------+ | | +-------------+ || | Vue | | +------------> | | React | || | | | | | | || +--------------+ | | +-------------+ |+------------------+ +-----------------+借助 vue-router,使用嵌套路由配置,就可以很简单地表达这种关系。在上一小节中我们学习了如何配置一个路由信息: { path: '路由地址', component: '渲染组件' }要配置嵌套路由,我们需要在配置的参数中使用 children 属性: { path: '路由地址', component: '渲染组件', children: [ { path: '路由地址', component: '渲染组件' } ] }
- 2.2.6 scope 配置项 “scope ” 配置项是用来规定代码块的作用域的,比如 "scope": "source.vue.html" 表示代码块作用于 .vue 文件中。
- 3.1 全局配置 全局配置作用于整个项目,也就是对项目中所有的页面都起作用,在项目根目录下面的 pages.json 文件中,找到globalStyle配置项,在这个配置项中进行项目的全局配置。实例:"globalStyle": { "navigationBarTextStyle": "black", //导航栏标题颜色 "navigationBarTitleText": "慕课网", //导航栏标题文字 "navigationBarBackgroundColor": "#F8F8F8", //导航栏背景颜色 "backgroundColor": "#F8F8F8", //下拉窗口背景颜色 "backgroundTextStyle":light, //下拉 loading 的样式 "enablePullDownRefresh":true, //开启下拉刷新 "onReachBottomDistance":60,//页面上拉触发距页面底部距离为60 "usingComponents":{ "collapse-tree-item":"/components/collapse-tree-item" },//引用小程序组件 "pageOrientation": "auto"//支持屏幕旋转},3.1.1 enablePullDownRefresh 下拉刷新想要实现页面下拉刷新的效果,需要先在配置文件中将 enablePullDownRefresh 设置为 true,再在.vue页面文件中配合 onPullDownRefresh 函数进行页面下拉效果的实现。这里很多人会忘记在配置文件中设置 enablePullDownRefresh 配置项,导致下拉效果失灵。实例://pages.json 文件"globalStyle": {"enablePullDownRefresh":true}//页面.vue文件onPullDownRefresh() { console.log('refresh'); //用stopPullDownRefresh结束下拉 uni.stopPullDownRefresh();}3.1.2 pageOrientation 屏幕旋转设置这个属性可以设置为 auto、portrait、landscape。分别代表启用屏幕旋转、固定为竖屏显示、固定为横屏显示。默认值为 portrait 固定为竖屏显示。这个属性,通常可以使用 js 作为辅助,用 js 读取页面的显示区域尺寸,来进行屏幕方向的监听,每次屏幕旋转时都会调用这个方法。需要注意的是,在模拟器上面不会触发这个方法,需要使用真机调试才能触发。实例:Page({ onResize(res) { res.size.windowWidth // 新的显示区域宽度 res.size.windowHeight // 新的显示区域高度 }})
- 4. vue-cli 命令行创建项目 我们在终端通过 vue-cli 命令行创建 uni-app 项目,在创建项目之前,需要保证电脑已经配置了 nodejs 环境。
- 4. 配置 在 src/main/resources 有 spring-boot 提供的默认配置文件 application.properties。在该配置文件下,我们需要添加上对于的数据源配置。# 数据源配置,请修改为你项目的实际配置spring.datasource.url=jdbc:mysql://localhost:3306/imoocspring.datasource.username=rootspring.datasource.password=123456spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
vue配置相关搜索
-
vacuum
vagrant
val
validationgroup
validationsummary
vals
valueof
values
vant
variables
vb
vb if else
vb if语句
vb net
vb net 教程
vb net 数据库
vb net教程
vb net下载
vb 教程
vb 数组