工做不可缺乏的步骤就是阶段性总结。css
1、工具:html
一、开发类vue
【编辑器】node
IntelliJ IDEAwebpack
Visual Studio Codeios
Sublimeweb
nodepad++vue-cli
微信开发者工具axios
【浏览器】浏览器
Chrome
firefox
IE
【测试类】
Postman
ApiPost
【设计类】
PS ---PhotoShop
AE ---Adobe After Effects
AI ---Adobe illustrator
【图标】
iconfont
icomoon
vue-awesome
Font Awesome
【颜色】
Pixeur
雅虎屏幕取色
【字体】
字由HelloFont
【图片拼合】
bg2css
css Sprites Generator (https://www.toptal.com/developers/css/sprite-generator)
【产品需求原型】
Axure
Mockplus
蓝湖
【思惟导图】
Xmind
【截图】
Snipaste
【录屏】
ScreenToGif
Camtasia
【笔记】
有道云笔记
【其余】
远程 TeamViewer
视频播放器 PotPlayer
文件对比 Beyond Compare
2、学习教程
【慕课网】
【腾讯课堂】
【微信公众号】
3、经常使用技术
一、传统方式
HTML + CSS + Javascript/JQuery
二、VUE
nodeJs
Vue + Vue Router + Vuex + axios + Vue Loader
Vue CLI
vue-devtools
【PC端】
【移动端】
一、vant
二、Mint UI
基于 Vue.js 的移动端组件库
三、vux
VUX
(读音 [v’ju:z],同 views
)是基于WeUI
和Vue
(2.x)开发的移动端UI组件库,主要服务于微信页面。
基于webpack + vue-loader + vux
能够快速开发移动端页面,配合vux-loader
方便你在WeUI
的基础上定制须要的样式。
vux-loader
保证了组件按需使用,所以不用担忧最终打包了整个vux的组件库代码。
VUX
并不彻底依赖于WeUI
,VUX
在 WeUI
的基础上扩展了多个经常使用组件,可是尽可能保持总体UI样式接近WeUI
的设计规范。
四、mui
五、uni-app
4、开发学习资料整合
【vue】
一、vue-cli 2.x入门之项目结构分析
(https://www.jqhtml.com/18582.html)
二、vue3 初始化配置
(http://www.javashuo.com/article/p-ypmmnbtj-u.html---推荐、
http://www.javashuo.com/article/p-unsewzsw-cc.html)
三、vue-cli 3.x 与2.x区别
(https://www.jianshu.com/p/97ca621b2259 ---从 Vue CLI 3.3 起已弃用,请使用publicPath
。-----、
vue.config.js --https://cli.vuejs.org/zh/config/)
四、vue-cli 3安装
(http://www.javashuo.com/article/p-unsewzsw-cc.html 手动、GUI界面2种方式)
五、vue.js 使用 fastclick解决移动端click事件300毫秒延迟方法
(http://www.javashuo.com/article/p-yjcpagkh-et.html)
【css预处理器】
sass , less , stylus对比