tdesign-vue-next-starter
A starter-kit for TDesign Vue Next UI components
File Explorer
Download Latest Version (.zip)- Dockerfile
- mcp-servers.json
- bug-report.zh-CN.yml
- config.yml
- feature-report.zh-CN.yml
- auto-release.yml
- issue-help-wanted.yml
- issue-mark-duplicate.yml
- issue-need-reproduce.yml
- issue-welcome.yml
- pr-spelling.template.yml
- preview-publish.yml
- pull-request.yml
- sync-cnb.yml
- tag-push.yml
- dependabot.yml
- PULL_REQUEST_TEMPLATE.md
- commit-msg
- pre-commit
- prepare-commit-msg
- extensions.json
- settings.json
- starter.png
- index.ts
- favicon.ico
- detailModel.ts
- listModel.ts
- permissionModel.ts
- detail.ts
- list.ts
- permission.ts
- assets-empty.svg
- assets-login-bg-black.png
- assets-login-bg-white.png
- assets-logo-full.svg
- assets-product-1.svg
- assets-product-2.svg
- assets-product-3.svg
- assets-product-4.svg
- assets-result-403.svg
- assets-result-404.svg
- assets-result-500.svg
- assets-result-ie.svg
- assets-result-maintenance.svg
- assets-result-wifi.svg
- assets-setting-auto.svg
- assets-setting-dark.svg
- assets-setting-light.svg
- assets-t-logo.svg
- assets-tencent-logo.png
- index.vue
- index.vue
- index.vue
- index.vue
- index.vue
- index.vue
- LanguageSwitcher.vue
- color.ts
- global.ts
- style.ts
- index.ts
- index.ts
- Breadcrumb.vue
- Content.vue
- Footer.vue
- FrameBlank.vue
- FrameContent.vue
- Header.vue
- LayoutContent.vue
- LayoutHeader.vue
- LayoutSideNav.vue
- MenuContent.vue
- Notice.vue
- Search.vue
- SideNav.vue
- index.vue
- useFrameKeepAlive.ts
- blank.vue
- index.vue
- setting.vue
- en_US.json
- zh_CN.json
- index.ts
- useLocale.ts
- MiddleChart.vue
- OutputOverview.vue
- RankList.vue
- TopPanel.vue
- constants.ts
- index.ts
- index.vue
- constants.ts
- index.ts
- index.vue
- Product.vue
- constants.ts
- index.less
- index.vue
- index.less
- index.vue
- constants.ts
- index.ts
- index.vue
- index.less
- index.vue
- constants.ts
- index.less
- index.vue
- constants.ts
- index.less
- index.vue
- index.vue
- DialogForm.vue
- index.vue
- index.vue
- constants.ts
- index.vue
- Header.vue
- Login.vue
- Register.vue
- index.less
- index.vue
- index.vue
- index.vue
- index.vue
- index.vue
- index.vue
- index.vue
- index.vue
- index.vue
- constants.ts
- index.less
- index.ts
- index.vue
- homepage.ts
- result.ts
- user.ts
- index.ts
- notification.ts
- permission-fe.ts
- permission.ts
- setting.ts
- tabs-router.ts
- user.ts
- index.ts
- font-family.less
- index.less
- layout.less
- reset.less
- variables.less
- axios.d.ts
- env.d.ts
- globals.d.ts
- interface.d.ts
- router.d.ts
- Axios.ts
- AxiosCancel.ts
- AxiosTransform.ts
- index.ts
- utils.ts
- constant.ts
- index.ts
- charts.ts
- color.ts
- date.ts
- App.vue
- main.ts
- permission.ts
- .cnb.yml
- .editorconfig
- .env
- .env.development
- .env.site
- .env.test
- .gitattributes
- .gitignore
- .npmrc
- .prettierrc.js
- .stylelintignore
- .yarnrc.yml
- CHANGELOG.md
- commitlint.config.js
- eslint.config.js
- index.html
- LICENSE
- package-lock.json
- package.json
- PUBLISH.md
- README-zh_CN.md
- README.md
- stylelint.config.js
- tsconfig.json
- vite.config.ts
# Installation Guide
1. Get the code
git clone https://github.com/Tencent/tdesign-vue-next-starter
Downloads the entire project code from GitHub to your computer.
cd tdesign-vue-next-starter
Moves into the project folder you just downloaded.
2. Docker
Easy RecommendedPrerequisites
- Git Needed to download the project code from GitHub.
- Docker Desktop Needed to build and run containers. Install it and keep it running in the background.
docker build -f .cnb/Dockerfile -t tdesign-vue-next-starter .
Builds a runnable image based on the Dockerfile.
docker run -p 8080:80 tdesign-vue-next-starter
Runs the built image as an actual container.
Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.
3. Node.js
EasyPrerequisites
npm i tdesign-starter-cli@latest -g
Type this command into your terminal and run it.
npm install
Downloads and installs the libraries listed in package.json.
npm run dev
Starts the development/run server.
npm run build
Builds optimized production files.
npm run build:test
Builds optimized production files.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
