VUE CLI3.0整合到DCloud的实践笔记

DCloud的Html 5+作为除了codova一个不错的国产框架。截止到2018年12月推出的HX才能作为一个可以用的最佳实践。

在我使用HB和HX的里面中发现，虽然周边产品开源的，但是Core+(runtime）没有开源，而且周边的HTML 5plus插件无法保证及时更新。官方上看自己对于核心开源看样子够呛。而且最佳的实践掌握起来比较复杂，而且从HB到HX都是以JSDOC的提示作为基础的，HB和HX可以说是最好的类似于UltraEdit的东西，其他没有啥。想看源代码作为提示的高效开发我觉得还是不好。

除非你非常熟悉ES和PLUS，否则公司都是一锤子买卖，想直接看代码，以编译时检测和提示高效开发就很难了。

Mogo H5(+)：是一个不错的开源脚手架，可以不依赖于HX/HB开发。

UNI APP：是一个必须依赖于HX的，多端脚手架。

作为离线开发，对于HX和HB都不怎么看中。VUE CLI3是一个不错的可视化开发脚手架，如何和他们整合呢？

直接使用VS CODE 和VUE CLI3.0的可视化界面是一个不错的。你可以直接按照标准的前端模式进行快速开发，不过要配置一下，否则无法编译到手机里。

主要有两点：路径是错的，保留引号，重新设置路径就OK了

// vue.config.js
module.exports = {
    baseUrl: './',
    chainWebpack: config => {
        // 移除 prefetch 插件
        // config.plugins.delete('preload');
        // config.plugins.delete('prefetch');
        config.plugin('html').tap(args => {
            args[0].minify = {
                removeAttributeQuotes: false
            }
            return args
        })
    }

}

至于VS CODE 结合Typescript DefinitelyTyped的声明编码提示，至少比HX那个基于JSDOC好，至少我认为。不过PLUS+的声明提示准备html-plus搞点，不过没有弄完。

uniapp你如果水土不服，mogo H5不喜欢，直接用vue cli3.0你原来的套路都可以用了，什么vux ,vuerouter,typescript，至于样式mui ,vant都都可以灵活使用。配合gulp和webpack，直接进行离线开发。