vue-create 创建 VUE3项目-创建

1.创建文件夹右键点击打开终端或目录cmd

 2.输入命令 vue create (这里跟的是项目的名称 不能为关键字或带中文)

 3.选中第三个类别自定义创建项目              //   或者选择第一个快捷创建VUE3 进入第12步

4.我们可以按上下键,然后按空格键选中需要的选项,最后按回车键进入下一步

( ) 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) 测试

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

 6.是否使用history路由模式(不带#号的),输入 Y

 7.选择css 模式,我们选择dart-sass

 8.代码验证模式,选择第一个

 9.热更新模式,选择 Lint on save      保存的时候就热更新

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

In dedicated config files:单独生成专门的文件来保存插件的配置代码
In package.json:在package.json文件中保存插件的配置代码

 11.预设路径(选项)是否保存   这里我们选择N。

         如果你选中Y,刚刚的所有步骤默认保存起来,输入一个名字,下一次进来这个名字就可以直接选

12.   创建成功后显示如下两个命令

 13.依次输入这两个命令 

         cd project-vue3  这行命令代表切换到该项目的根目录

         npm run serve 表示启动该项目

 14.成功后返回链接 按住Ctrl 并点击鼠标左键访问

 最后为成功的页面

    

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用vue-cli创建Vue.js 3.0项目的步骤如下: 1. 首先,确保你已经安装了Node.js和npm(Node.js的包管理器)。 2. 打开命令行终端,并通过以下命令全局安装vue-cli: ``` npm install -g @vue/cli ``` 3. 通过以下命令检查vue-cli的安装是否成功: ``` vue --version ``` 4. 在命令行终端中进入你想要创建项目的目录,并执行以下命令来创建一个新的Vue.js 3.0项目: ``` vue create my-project ``` 其中,my-project是你想要给项目命名的名称,你可以根据自己的需求进行修改。 5. 在创建项目的过程中,你可以选择手动配置项目或者使用默认配置。如果你选择手动配置项目,你可以按照提示逐步选择所需的配置项。 6. 当项目创建完成后,进入项目目录: ``` cd my-project ``` 7. 最后,通过以下命令来运行Vue.js 3.0项目: ``` npm run serve ``` 这将会启动一个开发服务器,并在浏览器中显示你的Vue.js应用程序。 通过以上步骤,你就成功使用vue-cli创建了一个Vue.js 3.0项目。你可以按照Vue.js的开发文档进行开发,并且使用vue-cli提供的命令行工具来进行构建和打包。123 #### 引用[.reference_title] - *1* *3* [Vue-cli创建Vue3项目](https://blog.csdn.net/weixin_43551923/article/details/130935438)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* [五分钟教你使用vue-cli3创建项目(三种创建方式,小白入门必看)](https://blog.csdn.net/m0_46374969/article/details/120291155)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值