ptf-vue-old Vue CLI模板项目

ptf 项目的 Vue-cli 版本,用起来还挺顺。之前我一直混 Django、Angular、Vue 几个栈,但说实话,老用脚手架手撸配置挺烦人。vue-cli上手快,连yarn serveyarn build都帮你配好了,省事不少。

组件这块也蛮实用的,有些现成的i18n 配置、登录表单啥的,直接拿来改一改就能用。而且Vuex也带了一个登录示例,流程清晰。对新手来说,看一遍就明白状态怎么管理,挺适合当练手模板的。

启动流程也不复杂:yarn install安装依赖,yarn serve开启热更新模式做开发,yarn build一键打包上线用的版本。测试、格式检查也都有,yarn test:unityarn lint搞定。

代码结构比较干净,自己改成多页面也不难。想搞更复杂的功能,参考几个例子就够用了,像这个vue-cli 多模块打包示例,挺实用的。

如果你平时也在混后端和前端,或者想从 Angular 转来 Vue 试试,那这个项目的结构和用法你肯定会喜欢。想摸清楚vue-cli怎么玩的,也可以看看这篇vue-cli 源码,讲得挺细的。

ptf-vue-old算是个比较全面的入门+参考项目,做后台系统、管理界面都合适。如果你也在找个可以直接动手的 Vue-cli 例子,不妨试试看~

zip
ptf-vue-old-master.zip 预估大小:40个文件
folder
ptf-vue-old-master 文件夹
file
.gitignore 214B
file
package.json 2KB
folder
src 文件夹
folder
components 文件夹
file
Navbar.vue 1KB
file
HelloWorld.vue 3KB
folder
assets 文件夹
file
logo.png 7KB
folder
views 文件夹
file
Ptf.vue 2KB
file
SignInUserOnly.vue 274B
file
SignOut.vue 594B
file
About.vue 386B
file
Home.vue 390B
file
SignIn.vue 612B
file
main.ts 774B
file
shims-vue.d.ts 72B
file
shims-tsx.d.ts 305B
folder
locales 文件夹
file
ja.json 339B
file
en.json 398B
file
ro.json 415B
file
App.vue 396B
folder
router 文件夹
file
index.ts 3KB
file
i18n.ts 675B
folder
store 文件夹
file
index.ts 518B
folder
modules 文件夹
file
auth.ts 2KB
file
i18n.ts 784B
file
types.ts 153B
folder
public 文件夹
file
index.html 1KB
file
favicon.ico 4KB
file
404.html 875B
file
tsconfig.json 749B
file
.env 55B
folder
.github 文件夹
file
PULL_REQUEST_TEMPLATE.md 228B
file
ISSUE_TEMPLATE.md 269B
folder
workflows 文件夹
file
nodejs.yml 728B
file
.vuerc 32B
file
.browserslistrc 21B
file
.eslintrc.js 466B
file
README.md 600B
file
vue.config.js 437B
folder
tests 文件夹
folder
unit 文件夹
file
example.spec.ts 372B
file
babel.config.js 73B
file
yarn.lock 396KB
zip 文件大小:143.45KB