Vue Cli 项目结构简述
生活随笔
收集整理的這篇文章主要介紹了
Vue Cli 项目结构简述
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
webnode_modules --Vue Cli 項目以來的js模塊全放到這里public --存放靜態資源 存放自己的js cssfavicon.ico -- 瀏覽器小圖標index.html --主頁面 引用靜態資源
src --vue存放代碼的地方assets --存放靜態資源logo.png --登陸logocomponents --存放vue組件HelloWorld.vue --HelloWorld組件router --路由目錄index.ts --配置路由store --全局變量目錄index.ts --配置全局變量views --頁面About.vue --About頁面Home.vue --Home頁面App.vue --vue初始化頁面內容main.ts --main初始啟動的配置文件 引用插件shims-vue.d.ts --定義文件.browserslistrc --瀏覽器兼容.eslintrc.js --語法檢查 規則會自定義改動.gitignore --配置不需要git管理的目錄或者文件 配置在子目錄時生效的package.json --依賴版本相當于java的pompackage-lock.json --小版本鎖定控制README.md --項目簡述 子目錄不生效 根目錄下生效tsconfig.json --整個項目的配置文件
Vue CLI 初始執行main.ts,將內容頁面App.vue渲染到index.html,完成頁面顯示
總結
以上是生活随笔為你收集整理的Vue Cli 项目结构简述的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何把springboot项目部署到to
- 下一篇: idea菜单栏消失如何调整回来