Skip to content
zhaohaodang edited this page Mar 8, 2017 · 9 revisions

欢迎浏览 vue-WeChat wiki

知识储备

开发工具

不需纠结哪个工具更好,自己用起来顺手很重要

VS Code

Visual Studio Code是一个轻量但功能强大的代码编辑器,适用于Windows,macOS和Linux。 它内置对JavaScript,TypeScript和Node.js的支持。对于其他语言(如C ++,C#,Python,PHP,Go)也有着丰富的扩展支持。

Sublime Text

前端开发神器,可根据需要配合使用丰富的插件,绝对是一种享受。

Koala

koala是一个前端预处理器语言图形编译工具,支持Less、Sass、Compass、CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac,免费使用。

TinyPNG

非常棒的一个在线压缩图片的网站,在图片大小和画质之间达到一种完美的平衡。

其他开发神器后期补上

命令行工具

Cmder

Cmder是一款Windows环境下非常简洁美观易用的cmd替代者,同时它也支持了大部分的Linux命令,推荐使用。

Git

Git是目前世界上最先进的分布式版本控制系统,与它配套使用的Git工具也有不俗的表现。

项目组织图(部分)

项目开发遵循“从大到小自顶向下”的原则,前期规划好页面模块,会使开发思路非常清晰。

项目组织图

运行项目

git clone https://github.com/zhaohaodang/vue-WeChat.git
cd vue-WeChat
npm install
npm run dev //开发环境
npm run build //生产环境

建议使用 淘宝 NPM 镜像

运行npm run dev命令,会自动打开浏览器访问http://localhost:8888/,本项目端口号已修改为8888,可在/config/index.js再次修改

问题反馈

建议移步Issues,欢迎反馈项目中的不良/错误表现,以及你在开发过程遇到的问题,作者会积极回复

Clone this wiki locally