Nuxt+Typescript+sass整合项目

Nuxt创建项目

npx create-nuxt-app my-nuxt

选择Nuxt项目的一些属性

Project name --- 设置你的项目名(默认回车，那么项目名就是 my-nuxt)

Programming language --- 选择编程语言(我选择的TypeScript)

JavaScript
TypeScript

Package manager --- 选择包管理器(我选择的Yarn)

Yarn

Npm

UI framework --- 选择UI框架(我选择的Vuetify.js )

None

Ant Design Vue

BalmUI

Bootstrap Vue

Buefy

Chakra UI

Element

Framevuerk

Oruga

Tachyons

Tailwind CSS

Windi CSS

Vant

View UI

Vuesax

Vuetify.js

Nuxt.js modules（按进行选择，按进行全部切换，按进行选择反转） --- 选择需要安装的Nuxt.js模块(我只需要Axios)
◯ Axios - Promise based HTTP client
◯ Progressive Web App (PWA)
◯ Content - Git-based headless CMS

Linting tools（按进行选择，按进行全部切换，按进行选择反转） --- 项目的一些格式化、限制工具(这里我都需要，所以按了a)
◯ ESLint
◯ Prettier
◯ Lint staged files
◯ StyleLint
◯ Commitlint

Testing framework --- 测试框架(我选择了Jest)
None
Jest
AVA
WebdriverIO
Nightwatch

Rendering mode --- 渲染模式(我选择了SSR，即服务端渲染)
Universal (SSR / SSG) 服务端渲染，利于SEO
Single Page App - 单页面渲染

Deployment target --- 你会将项目部署到哪里？(我选择Server)
Server (Node.js hosting) 服务端部署
Static (Static/Jamstack hosting) 静态部署

Development tools --- 开发环境工具(我只选择了 jsconfig.json)
◯ jsconfig.json (Recommended for VS Code if you're not using typescript)
◯ Semantic Pull Requests
◯ Dependabot (For auto-updating dependencies, GitHub only)

Continuous integration --- 持续集成(我选择的None)
None
GitHub Actions (GitHub only)
Travis CI
CircleCI

Version control system --- 版本控制系统(我选择的Git)
Git
None

操作完成会有以下提示

Successfully created project my-nuxt

  To get started:

    cd my-nuxt
    yarn dev

  To build & start for production:

    cd my-nuxt
    yarn build
    yarn start

  To test:

    cd my-nuxt
    yarn test


  For TypeScript users.

Nuxt+Typescript+sass整合项目