其他分享
首页 > 其他分享> > Nuxt.js安装

Nuxt.js安装

作者：互联网

  1. 下载
    npx create-nuxt-app <项目名>
  2. 选项
 Project name: (demo2)//项目名
 Programming language: (Use arrow keys)//语言
> JavaScript
  TypeScript
 Package manager: (Use arrow keys)//包管理器
> Yarn
  Npm
 UI framework: (Use arrow keys)//UI框架
> None
  Ant Design Vue
  BalmUI
  Bootstrap Vue
  Buefy
  Chakra UI
  Element
  Oruga
  Primevue
  Tachyons
  Tailwind CSS
  Windi CSS
  Vant
  View UI
  Vuetify.js
Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert selection)//Nuxt模块
>( ) Axios - Promise based HTTP client
 ( ) Progressive Web App (PWA)
 ( ) Content - Git-based headless CMS
Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)//代码校验工具
>( ) ESLint
 ( ) Prettier
 ( ) Lint staged files
 ( ) StyleLint
 ( ) Commitlint
Testing framework: (Use arrow keys)//测试框架
> None
  Jest
  AVA
  WebdriverIO
  Nightwatch
Rendering mode: (Use arrow keys)//渲染模式
> Universal (SSR / SSG)
  Single Page App
Deployment target: (Use arrow keys)//部署目标
> Server (Node.js hosting)
  Static (Static/Jamstack hosting)
Development tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)//开发工具
>( ) jsconfig.json (Recommended for VS Code if you're not using typescript)
 ( ) Semantic Pull Requests
 ( ) Dependabot (For auto-updating dependencies, GitHub only)
What is your GitHub username? (苏舒)//username
Version control system: (Use arrow keys)//版本控制工具
> Git
  None
  1. 项目目录
pages 存放页面 相等于views
components 存放组件 
static 静态资源
store vuex
nuxt.config.js 全局配置文件 类似 vue.config.js
plugins UI框架存放目录
  1. 启动项目
cd 项目名
npm run dev
//参与匿名项目改进
i NuxtJS collects completely anonymous data about usage.                                                      14:02:23
  This will help us improve Nuxt developer experience over time.
  Read more on https://git.io/nuxt-telemetry
  ? Are you interested in participating? No
  1. Nuxt不需要配置vue touter 不用引入组件会自动查找组件

标签：Use,keys,js,UI,arrow,安装,Nuxt
来源： https://www.cnblogs.com/gyh907368/p/16683903.html