做一个纯前端小程序，只需要简单几步( 二 ) _小程序

最好把es6、html、css这些都熟悉了，因为es6是理解模块化引入、promise对象、各种新语法的基础，html、css是修改组件的基础，uniapp和uview两个组件库有坑，尤其是uview框架，想要实现好的效果，经常需要修改源码。
配置文件要点：

pages.json:需要进行路由跳转的页面都需要在这里配置。
main.js：全局挂载的js工具都需要在这里配置。我的示例代码如下，为了方便浏览，删除了部分特例代码，整体分为三部分：引入资源（import）、挂载资源（prototype）、按要求使用插件（use），理解有困难就把我代码抄过去，增增减减做一个自己的，不过我觉得我用到的已经是开发必备的工具类了。

import Vue from 'vue'import App from './App'import lodash from 'lodash'import uviewAdapter from '@/common/util/uview-adapter';// vueximport store from './store'// 引入全局uViewimport uView from '@/uni_modules/uview-ui'import mixin from './common/mixin'import * as config from './common/config.js'import {	util} from './common/util.js' //自己写的工具类//引入的资源挂载到全局属性上Vue.prototype.$store = storeVue.prototype.$util = utilVue.prototype.$config = configVue.prototype._ = lodashVue.prototype.$uview = uviewAdapterVue.config.productionTip = falseApp.mpType = 'app'Vue.use(uView)Vue.mixin(mixin)const app = new Vue({store,...App})// 引入请求封装require('./common/request/index')(app) app.$mount()

3.app.vue:需要按照uview的要求增加两个全局样式，代码如下：

<style lang="scss">/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */@import "@/uni_modules/uview-ui/index.scss";@import "@/common/css/ui/uni-my.scss"</style>

4.基本配置完成后，需要写一些自己的工具类、请求拦截、响应拦截这些，篇幅过长，不展开讲解了，参考uview和uniapp官网自行配置吧。
项目实战我们把所有的环境准备、代码准备、工具准备等等工作都完成了，剩下的无非就是写代码逻辑了，对于大部分程序员来说，这应该是最熟悉的吧。
因为小程序正式上线，后端服务必须是备案过的域名，我的私人备案审核还没结果，所以也只能做些不需要后端的小工具了。
依托上面搭好的架子，我这两周抽时间做了两个小工具，
第一个工具——翻译工具：
支持简体中文、繁体中文、英文、韩文、日文之间的互译，大家可以微信搜索“李泽的工具包”自行体验，如图所示：