开发小技巧:

238 阅读2分钟

1.快速输入目录

image.png

2. 查看方法参数

image.png

3.退出运行时终端

ctrl+c + y

4.开发习惯

一般导入第三方的库 或者 系统的库 应该放到页面的最上方

5.vscode 画图插件 Draw.io Integration

使用.drawio 后缀名

6. 在终端输入mkdir 文件名 生成文件名

mkdir demo1

image.png ### 7. 打开浏览器的控制台

ctrl + shift + i

8.vscode

vscode中选中多行多光标进行操作及一些常用的命令(快捷键)
1 关于颜色的css代码,把鼠标移动到这段代码上时,一个颜色选择器窗口就会显示出来,可以通过它来修改选择自己想要的颜色.
2 ctrl+shift+p  调出命令面板
3 alt+鼠标左键  选中多行同时编辑
4 ctrl+shift+L  选中编辑代码中相同的内容
5 选中多行,按tab键可统一向右移动
6 选中文本后,Ctrl  +  [      和   Ctrl  +  ]     可实现文本的向左移动 和 向右移动
7 按住Ctrl + Alt,再按键盘上的上或下键,可以使一列上出现多个光标。
8 选中一段文字,按shift+alt+i,在每行末尾都会出现光标
9 按shift+alt,再使用鼠标拖动,也可以出现竖直的列光标,同时可以选中多列。
10 按ctrl+f,可以搜索当前页面

9.npm淘宝镜像和查看镜像设置

1.将npm设置为淘宝镜像:

npm config set registry https://registry.npm.taobao.org

2.查看:

npm config get registry 

成功:

image.png

10. && 严谨写法

image.png

11. 备注规范:

image.png

$event 是子组件传过来的值

image.png image.png

onBackPress

onBackPress 只支持APP和H5 但不支持小程序 ,可以用onUnload生命周期解决,页面销毁的时候执行方法。

注意事项:

  1. 函数中返回值为true 时, 表示不执行默认的返回,执行自定义的的业务逻辑
  2. 不返回或返回其它值,均会执行默认的返回行为。
  3. H5 平台,顶部导航栏返回按钮支持 onBackPress(),浏览器默认返回按键及Android手机实体返回键不支持 onBackPress()
  4. 暂不支持直接在自定义组件中配置该函数,目前只能是在页面中来处理。

ask.dcloud.net.cn/article/351…