1, 目录结构
模板文件是 public 里的 index.html, 运行项目的时候, 会引用 src/main.JS(入口文件)
详细文档在这里: https://cli.vuejs.org/zh/config/#pwa
public: 放着 HTML 模板和静态资源, public/index.HTML 文件是一个会被 HTML-webpack-plugin 处理的模板. 在构建过程中, 资源链接会被自动注入.
.browserslistrc 指定浏览器版本. 不同的浏览器会有兼容性问题, 比如 CSS, 我们会给它们加上前缀, 这个文件是为 postcss 的 Autoprefixer 插件使用的
postcss.config.JS 里的 autoprefixer 就是依据. browserslistrc 文件加前缀
.eslintrc.JS eslint 的相关配置
babel.config.JS 预设
package.JSON 各种依赖
package-lock.JSON 锁版本 管理版本的文件
cube-ui 插件
https://github.com/didi/cube-ui
后编译: 就是我们做项目的时候使用的是 源代码, 只有打包运行后, 才会进行编译. 好处是节省构建包的体积, 做完项目后, 可以把不用的引入删掉, 这样打包的时候, 就指挥
打包那些我们使用的模块
在 vue-cli3.0 的项目里, 直接使用 vue add cube-ui 就可以安装
是否使用后编译
是用部分引入还是全部引入, 上面的选择是部分引入
自定义主题是否需要 (选择是, 因为我们的项目的颜色一般都与插件的不一样)
安装完以后, 下面是修改和添加的文件
cube-ui.JS 管理 cube-ui 模块的引入
theme.styl 管理 cube-ui 的颜色 (修改颜色可以在这里面进行修改)
表示可以直接引入 cube-ui 的源码
vue.config.JS 类似以前的 webpack.JS 文件, 进行一些配置
来源: http://www.bubuko.com/infodetail-2851996.html