/vue-typescript-mobile

基于Vue和Vuex结合typescript的移动端项目模板,Vant组件库

Primary LanguageVue

vue-typescript-mobile

最近经常看到Typescript的一些文章。决定自己也尝试用一下,感觉还不错。这里就写了一个模板跟大家下分享下

项目结构

public
  css
    icon.css ---iconfont的font-class引入
src 
  api ---api接口
  assets ---静态资源
  components ---组件库
  store ---vuex
  utils
    http.ts ---封装了axios
  views ---视图
interface.ts ---ts自定义类型
main.ts ---程序主配置文件
router.ts ---路由配置
vue.config.js ---vue-cli3配置文件
tsconfig.json ---ts配置文件
tslint.json ---语法检查配置文件

vue + vuex + typescript + vant + axios + postcss-px2rem(解决移动端适配)

在我的学习过程中。看过许多的前端工程化代码,各有千秋。我觉得项目的结构设计很重要!我觉得作为一个模板,最重要的就是简单易懂。我没有依赖很多的包,尽量保持代码的整洁干净。

image

骨架屏效果

image

运行项目

npm install

开发模式运行

npm run serve

构建项目

npm run build