使用命令构建vue项目

案例一

• vue-cli + vue3 + sass
• 案例地址
• 参考
• 打开cmd

vue create vuedemo

• 预设
  
• 构建完成
  

案例二

• 案例地址
• nuxt构建vue项目，整合view-ui、ts、router、vuex、axios
• 打开cmd

// 创建项目
npx create-nuxt-app <项目名>
 
// 项目名称
Project name: (nuxt01)
// 程序设计语言
Programming language: js、ts
// 打包工具
Package manager: yarn、npm
// ui框架
 UI framework: 
    None
    Ant Design Vue 
    BalmUI
    Bootstrap Vue  
    Buefy
    Chakra UI      
    Element        
    Framevuerk     
    Oruga
    Tachyons       
    Tailwind CSS   
    Windi CSS      
    Vant
    View UI        
    Vuetify.js    
 
// nuxt模块
Nuxt.js modules:
    ( ) Axios - Promise based HTTP client
    ( ) Progressive Web App (PWA)
    ( ) Content - Git-based headless CMS
 
// 代码规范检查
Linting tools: 
    ( ) ESLint
    ( ) Prettier
    ( ) Lint staged files
    ( ) StyleLint
    ( ) Commitlint
 
// 测试框架
Testing framework: 
    None
    Jest
    AVA
    WebdriverIO
    Nightwatch 
 
// 渲染模式
Rendering mode: 
    Universal (SSR / SSG)
    Single Page App
 
// 部署目标
Deployment target: 
 
// 开发工具
Development tools: 
 ( ) 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
    GitHub Actions (GitHub only)
    Travis CI 
    CircleCI 
 
// 版本控制
Version control system: 
    Git
    None
 
// 进入项目根路径
cd <project-name>
npm run dev