【vue】webapp移动端模板

最新推荐文章于 2024-08-26 14:16:56 发布

没有梦想的coder

最新推荐文章于 2024-08-26 14:16:56 发布

阅读量4.6k

点赞数 2

分类专栏： vue 文章标签： vue webapp-template 移动端项目框架

本文链接：https://blog.csdn.net/liyunkun888/article/details/91988555

版权

本文介绍了作者使用Vue创建的一套移动端Webapp模板，该模板采用vw进行适配，整合了webpack、vue-router、axios、mint-ui、sass、postcss和normalize.css等技术。文章提供了模板的详细配置信息及项目目录结构，并提供了下载地址。

摘要由CSDN通过智能技术生成

今天突发奇想，想自己搭建一套移动端的模板来方便自己以后写项目的时候不用再花费无用的时间去搭建项目。

先说下这套模板的项目配置，主要使用 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",