1.1 安装vue-cli
全局安装vue-cli npm install -g @vue/cli
1.2 初始化项目
vue ceate demo
选择手动配置项目

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

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

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

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