代码拉取完成,页面将自动刷新
该模板使用了Vant作为UI框架。
请查看 https://shimo.im/docs/RcdHTXKwWk96WjD3/
请查看:./my-config.js
以下目录均在src文件夹下。
> beforeCreate、created:vue原生钩子
> beforeInit:自定义钩子,在创建vue根实例之前执行,注意:这里完全无法访问到当前vue实例,因为还没有创建
> alertMounted:自定义钩子,在自定义通知方法(this.$alert)绑定后执行,此时 window._api 也已经绑定完成
> directives:添加vue自定义指令
> filters:添加vue过滤器
> globalVars:设置全局变量,挂载于window._GLOBAL
> methods:向Vue的原型链添加方法(也就是向vue实例添加方法),请以$开头,并确保方法名没有被占用
> request:请求器实例,用于配置请求和响应拦截器,自定义请求头等,请求器使用axios
> api:封装项目中的全部请求,并包括自动控制loading、错误提示等功能,所有请求方法挂载于 window._api
> vuxAlert:自定义的弹窗通知方法库
> page文件夹:根据目录层级存放多个页面(不是全局)需要引入的样式
> common:全局样式,其中声明的class在全局都可以使用,class命名以 com- 开头
> self: 项目自身样式,其中声明的class在全局都可以使用
引用组件、共用样式、工具函数等一律使用别名,以绝对路径引用。以下是默认的别名列表(在my-config.js中配置):
如果某些样式表和组件,只在某一模块内使用,则将其放在对应文件夹下,按类型放在不同文件夹中,以相对路径引用。
例如有如下几个文件:
login
> style.less 登录模块的共用样式
> TextInput.vue 输入栏
> Login.vue 登录
> Register.vue 注册
则应这样安排目录结构:
login
> styles
> style.less
> components
> TextInput.vue
> Login.vue
> Register.vue
编辑器在项目配置了路径别名后,会导致快捷跳转失效,以下是解决方法。
推荐在引用文件时不要省略文件名后缀,这样可以保证jsconfig.json在VS Code的正常工作(路径别名跳转等)
在my-config.js修改或添加别名后,请同时修改jsconfig.json和webstorm.alias.js两个文件,以确保在VsCode和WebStorm上快捷跳转的工作。
维护webstorm.alias.js文件。
需要在webStorm中设置项目的配置文件,选择webstorm.alias.js。具体操作:
按下ctrl + alt + s 会打开设置,再搜索“Webpack”,在右侧会有个选择文件的输入框,点击输入框的右侧按钮,会弹出选择文件的菜单,选择本项目中的webstorm.alias.js文件,在右下角点击“OK”即可。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。