vue-create 创建 VUE3项目-创建

这篇具有很好参考价值的文章主要介绍了vue-create 创建 VUE3项目-创建。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.创建文件夹右键点击打开终端或目录cmdvue create,Vue3,前端,vue.js,javascript

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

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

vue create,Vue3,前端,vue.js,javascript

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

vue create,Vue3,前端,vue.js,javascript

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

vue create,Vue3,前端,vue.js,javascript

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

vue create,Vue3,前端,vue.js,javascript

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

vue create,Vue3,前端,vue.js,javascript

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

vue create,Vue3,前端,vue.js,javascript

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

vue create,Vue3,前端,vue.js,javascript

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

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

vue create,Vue3,前端,vue.js,javascript

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

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

vue create,Vue3,前端,vue.js,javascript

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

vue create,Vue3,前端,vue.js,javascript

 13.依次输入这两个命令 

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

         npm run serve 表示启动该项目

vue create,Vue3,前端,vue.js,javascript

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

vue create,Vue3,前端,vue.js,javascript

 最后为成功的页面

    vue create,Vue3,前端,vue.js,javascript文章来源地址https://www.toymoban.com/news/detail-768668.html

到了这里,关于vue-create 创建 VUE3项目-创建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Vue3】如何创建Vue3项目及组合式API

    文章目录 前言 一、如何创建vue3项目? ①使用 vue-cli 创建  ②使用可视化ui创建  ③npm init vite-app   ④npm init vue@latest 二、 API 风格 2.1 选项式 API (Options API) 2.2 组合式 API (Composition API) 总结 例如:随着前端领域的不断发展,vue3学习这门技术也越来越重要,很多人都开启了学习

    2024年02月03日
    浏览(63)
  • vue3项目创建

    安装node.js vue   --version  (4.5.0以上) npm install -g @vue/cli vue create 项目名称 npm run dev 启动 npm run build 打包 ———————— vite 创建工程 npm create vue@latest npm i npm run dev 启动 npm run build 打包 ===================== 项目结构 .vscode extensions.json  插件 node-modules 依赖 public 页签图标 根

    2024年02月03日
    浏览(38)
  • Vue3 项目创建

    1、安装node vue 3需要node10以上版本 node官网下载地址以往的版本 | Node.js 2、安装vue/cli 如果已经全局安装过旧版本的vue-cli 然后安装 为什么要先卸载vue-cli,在安装vue/cli 如果是安装vue3以下版本的脚手架,命令npm install -g vue-cli@版本号 如果是安装3以上版本的脚手架,命令npm ins

    2023年04月09日
    浏览(86)
  • 如何创建vue2,vue3项目

    前提需安装node.js和Vue CLI node.js:https://nodejs.org/zh-cn Vue CLI: 如何创建一个vue2项目 (1) 使用cmd终端直接创建 进入到vue项目所创建的目录里(我是直接创建在桌面上)  选择vue2 创建项目 完成,发现npm run serve运行后会报错 出现 Conflict: Multiple assets emit different content to the same f

    2024年02月16日
    浏览(48)
  • vite创建vue3项目

    这种方式创建的项目最快捷,因为基本依赖都装好了 这种方式会基于模板创建项目,对于官方模板vue-ts,只带有基础的vue和ts,不带有vue-router、pinia等 以上命令中,\\\"vue-ts\\\"是模板名称 或者使用以下命令然后勾选模板来创建项目 这种方式创建的项目甚至连vite.config.ts都没有,如

    2024年02月05日
    浏览(79)
  • 创建Springboot+vue3项目

    后端:Springboot、mybatis-plus、java 前端:nodejs、vue脚手架、element-ui 数据库:mysql 创建springboot项目有两种方式,一种是使用maven创建,一种是使用Spring initializr创建 如果是maven创建,我们需要手动配置项目的依赖和目录结构,手动管理依赖的版本 如果是spring initializr创建,可以选

    2024年02月13日
    浏览(43)
  • Vue3.X 创建简单项目

    首先,我们要确保我们安装了构建vue框架的环境,不会安装的请自行百度,有很多安装教程。 检查环境  这些环境都安装了之后就可以进行vue项目的搭建了。  进入你要创建vue项目的目录下进行项目创建,输入: vue create “项目名称”, 例: 选择 Manually select  features  选项

    2024年02月12日
    浏览(38)
  • 前端常用 Vue3 项目组件大全

    Vue.js 是一种流行的 JavaScript 前端框架,它简化了构建交互式的用户界面的过程。Vue3 是 Vue.js 的最新版本,引入了许多新的特性和改进。在 Vue3 中,组件是构建应用程序的核心部分,它们可以重用、组合和嵌套。下面是一些前端开发中常用的 Vue3 项目组件。 1、Vue Router: Vue

    2024年02月10日
    浏览(53)
  • vue3创建项目,vite+js

    之前的时候大哥就让我自己搭架子,但是我拖延症,现在用到了,得自己搭了 我的项目都放到了 VuePorjects这个目录里面, 一、先进入到指定工作目录,(不是你要创建的项目的名称哈) 二、创建vue3项目,安装创建项目  @latest是项目名称,可以自己修改项目名称,然后选择

    2024年02月16日
    浏览(63)
  • 从头开始创建一个vue3.0项目

    vue3新变化 首次渲染更快,diff算法更快,内存占用更少,打包体积更小 更好的Ts语法支持 Composition API 破坏语法的更新 移除了$on方法 移除过滤器选项(插值表达式不能够再使用过滤器filter) 移除.sync(v-bind不能使用.sync修饰符) Vue3.0相关网址链接  Vue3.0官方地址 Vite 官网地址

    2023年04月26日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包