Vue 常用组件、各种类库、运行框架

Vue 参考/学习资料

https://cn.vuejs.org/v2/guide/

https://router.vuejs.org/zh/guide/

https://cn.vuejs.org/v2/style-guide/

https://youzan.github.io/vant/#/zh-CN/

https://www.w3school.com.cn/

常用组件/框架搭配

路由组件:vue-router
状态仓库:vuex
网络请求:axios
打包运行环境:nginx

pc端:vue + element
移动端:vue + vant

解决 { parser: "babylon" } is deprecated;

npm install prettier@~1.12.0 -d

WebStorm 配置

项目中 不识别 require 等函数

image-20201002155620358

快捷添加自定义作者信息

image-20201002155631416

image-20201002160051787

image-20201002160106447

快捷添加版本信息

image-20201002160306414

image-20201002160317308

其它平台环境搭配

uni-app 小程序

https://uniapp.dcloud.io/quickstart
https://www.jianshu.com/p/21784d810249
https://blog.tcs-y.com/2020/04/26/uni-app-vue-webstorm/

cordova 手机App

https://cordova.apache.org/
http://cordova.axuer.com/#getstarted
https://www.cnblogs.com/raym/p/9344678.html

解决国内环境第一次编译运行缓慢

在platforms 找到对应平台的 build.gradle

将原有的 repositories 内的内容 替换为

maven{ url 'https://maven.aliyun.com/repository/google' }
maven{ url 'https://maven.aliyun.com/repository/jcenter' }
maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/'}
maven{ url 'https://maven.aliyun.com/nexus/content/repositories/central/'}
mavenLocal()
mavenCentral()

热更新 (官方已经不推荐使用)

https://www.cnblogs.com/sunylat/p/9896938.html
https://www.jianshu.com/p/5bf69c905ee0
https://www.cnblogs.com/xl1314666/p/11980864.html

npm install --save vue-cordova

电脑浏览器远程调试

chrome://inspect/#devices

Electron 电脑跨平台软件应用

http://www.electronjs.org/
https://www.electronforge.io/cli
npm install -g electron
npx create-electron-app [项目名称]

npm run start

常用开源类库

Moment.js JavaScript 日期处理类库

http://momentjs.cn/

Day.js JavaScript 日期处理类库(简化的Moment.js)

https://day.js.org/docs/zh-CN/installation/node-js