vue-create创建VUE3项目详细图文教程

vue3   2025-03-31 13:34   35   0  
  1. 在终端输入创建项目命令:vue create my-pro

  2. 选择创建选项(默认vue3项目、默认vue2项目、手动选择功能),选择手动选择功能

  3. 上下选择功能,空格健选中,回车保存

    ( ) Babel //转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
    ( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行
    ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
    ( ) Router // vue-router(vue路由)
    ( ) Vuex // vuex(vue的状态管理模式)
    ( ) CSS Pre-processors // CSS 预处理器(如:less、sass)
    ( ) Linter / Formatter // 代码风格检查和格式化(如:ESlint)(严格模式)
    ( ) Unit Testing // 单元测试(unit tests)
    ( ) E2E Testing // e2e(end to end) 测试

  4. 选择要创建的vue的版本,我们选3.x


  5. 是否启用history路由模式Y开启n关闭(开启后页面链接不带#号)


  6. 选择css模式,我们选择less

  7. 选择代码验证模式(默认第一个)

  8. 选中插件配置文件是否独立 选择 In dedicated config files


  9. 预设路径(选项)是否保存   这里我们选择N,选择Y以后创建项目都会默认以上操作


  10. 创建项目成功后,如下所示


  11. 运行命令


  12. 成功运行页面


博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。