【vue】webapp移动端模板
今天突发奇想，想自己搭建一套移动端的模板来方便自己以后写项目的时候不用再花费无用的时间去搭建项目。
先说下这套模板的项目配置，主要使用 vw 适配移动端
webpack + vue + vue-router + axios + mint-ui + sass + postcss + normalize.css
具体依赖懒得打字了，直接贴 pacage.json 代码
-
"dependencies": {
-
"axios":
"^0.19.0",
-
"cssnano":
"^4.1.10",
-
"mint-ui":
"^2.2.13",
-
"normalize.css":
"^8.0.1",
-
"postcss-aspect-ratio-mini":
"^1.0.1",
-
"postcss-cssnext":
"^3.1.0",
-
"postcss-px-to-viewport":
"^1.1.0",
-
"postcss-viewport-units":
"^0.1.6",
-
"postcss-write-svg":
"^3.0.1",
-
"vue":
"^2.5.2",
-
"vue-router":
"^3.0.1"
-
},
-
"devDependencies": {
-
"autoprefixer":
"^7.1.2",
-
"babel-core":
"^6.22.1",
-
"babel-helper-vue-jsx-merge-props":
"^2.0.3",
-
"babel-loader":
"^7.1.1",
-
"babel-plugin-syntax-jsx":
"^6.18.0",
-
"babel-plugin-transform-runtime":
"^6.22.0",
-
"babel-plugin-transform-vue-jsx":
"^3.5.0",
-
"babel-preset-env":
"^1.3.2",
-
"babel-preset-stage-2":
"^6.22.0",
-
"chalk":
"^2.0.1",
-
"copy-webpack-plugin":
"^4.0.1",
-
"css-loader":
"^0.28.0",
-
"cssnano-preset-advanced":
"^4.0.7",
-
"extract-text-webpack-plugin":
"^3.0.0",
-
"file-loader":
"^1.1.4",
-
"friendly-errors-webpack-plugin":
"^1.6.1",
-
"html-webpack-plugin":
"^2.30.1",
-
"node-notifier":
"^5.1.2",
-
"node-sass":
"^4.12.0",
-
"optimize-css-assets-webpack-plugin":
"^3.2.0",
-
"ora":
"^1.2.0",
-
"portfinder":
"^1.0.13",
-
"postcss-import":
"^11.0.0",
-
"postcss-loader":
"^2.0.8",
-
"postcss-url":
"^7.2.1",
-
"rimraf":
"^2.6.0",
-
"sass-loader":
"^7.1.0",
-
"semver":
"^5.3.0",
-
"shelljs":
"^0.7.6",
-
"svg-sprite-loader":
"^4.1.6",
-
"uglifyjs-webpack-plugin":
"^1.1.1",
-
"url-loader":
"^0.5.8",
-
"vue-loader":
"^13.3.0",
-
"vue-style-loader":
"^3.0.1",
-
"vue-template-compiler":
"^2.5.2",
-
"webpack":
"^3.6.0",
-
"webpack-bundle-analyzer":
"^2.9.0",
-
"webpack-dev-server":
"^2.9.1",
-
"webpack-merge":
"^4.1.0"
-
}
src 主要目录详情
-
| api 请求统一管理
-
-
| assets 项目静态资源
-
-
| componets 全局组件
-
-
| filters 全局过滤器
-
-
| icons 图标资源
-
-
| router vue-router配置
-
-
| utils 工具类
-
-
| view 页面资源
-
-
| App.vue App.vue
-
-
| main.js 项目入口
有问题欢迎留言
下载地址：点击下载