vue+ts构建后台管理项目结构

2,160 阅读1分钟

1.1 安装vue-cli

全局安装vue-cli npm install -g @vue/cli

1.2 初始化项目

vue ceate demo 选择手动配置项目

avatar

选择(Babel TypeScript Router Vuex CSS-Pre-processors Linter/Formatter)当然这只是我的选择,你们也可以选择别的

avatar

和vue-cli构建项目方式一样,只是多选了一个TypeScript,后面的就是按照自己的编写代码习惯去选,在这里我就不啰嗦了,这是项目初始化的目录结构

avatar

这是我改造过以后的项目目录结构,因为在公司页面比较多,所以还是划分成模块比较好,当然这只是我自己的建议

avatar

这是运行成功以后的页面结构

avatar

当然这只是一个比较简单的页面结构搭建,后期我还会继续写关于vue-ts的一些点,如果你们有什么建议或者想法都可以在下面给我评论,这是我第一次写文章,所以希望你们可以给我多多提意见