全栈开发实战小草看书之Web端（二）创建项目

创建项目

yarn create vite lgw --template vue
cd lgw

yarn add axios element-plus @element-plus/icons-vue screenfull@^5.2.0 vue-router@next vuex@next vuex-persistedstate
yarn add -D less

yarn
yarn dev

项目结构

|-- lgw
    |-- .vscode
    |   |-- launch.json
    |-- public
    |   |-- favicon.ico
    |-- src
    |   |-- App.vue
    |   |-- main.js
    |   |-- assets
    |   |   |-- images
    |   |   |   |-- logo.png
    |   |   |-- styles
    |   |       |-- index.less
    |   |-- crud
    |   |   |-- index.js
    |   |-- http
    |   |   |-- index.js
    |   |-- pages
    |   |   |-- home
    |   |   |   |-- Dashboard.vue
    |   |   |   |-- Index.vue
    |   |   |   |-- Login.vue
    |   |   |-- lg
    |   |   |   |-- book
    |   |   |   |   |-- Edit.vue
    |   |   |   |   |-- Grab.vue
    |   |   |   |   |-- Index.vue
    |   |   |   |-- chapter
    |   |   |   |   |-- Edit.vue
    |   |   |   |   |-- Index.vue
    |   |   |   |-- feedback
    |   |   |   |   |-- Edit.vue
    |   |   |   |   |-- Index.vue
    |   |   |   |-- site
    |   |   |       |-- Edit.vue
    |   |   |       |-- Index.vue
    |   |   |-- sys
    |   |       |-- company
    |   |       |   |-- Edit.vue
    |   |       |   |-- Index.vue
    |   |       |-- dict
    |   |       |   |-- Edit.vue
    |   |       |   |-- Index.vue
    |   |       |-- resource
    |   |       |   |-- Index.vue
    |   |       |-- role
    |   |       |   |-- Edit.vue
    |   |       |   |-- Index.vue
    |   |       |   |-- RoleResource.vue
    |   |       |-- user
    |   |           |-- Edit.vue
    |   |           |-- Index.vue
    |   |           |-- UserRole.vue
    |   |-- router
    |   |   |-- index.js
    |   |-- store
    |       |-- index.js
    |-- .env.development
    |-- .env.production
    |-- .gitignore
    |-- directoryList.md
    |-- index.html
    |-- LICENSE
    |-- package.json
    |-- README.md
    |-- vite.config.js
    |-- yarn.lock