vue3.0 新建

最新推荐文章于 2024-07-26 18:21:15 发布
最新推荐文章于 2024-07-26 18:21:15 发布
阅读量140 收藏
点赞数
分类专栏： # VUE 文章标签： vue vue-cli3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47286156/article/details/119861811
版权

输入指令

安装完VUE之后，在cmd中输入
vur ui
在这里插入图片描述

新建

在浏览器中会打开一个新建vue项目的图形化界面
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

预设

在这里插入图片描述
在这里插入图片描述
cmd中会显示这样的一个进度条，当进度条满时就代表新建完成

运行

在这里插入图片描述
在这里插入图片描述
由上方点到输出
在这里插入图片描述
点击上方的随意一个路径，能打开以下页面，那么恭喜你，新建成功
在这里插入图片描述

问题

新建时进度条一直卡着无法新建

在电脑中找打.vuerc使用记事本方式打开保存一份到别的文件夹中（预防修改后出什么问题还能还原），将文件中的配置改为以下的
{ "useTaobaoRegistry": true, "packageManager": "npm" }
我是改完之后就可以很快的新建完成

零乘一
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何使用vite创建vue3.0项目
我的博客
12-12 366
一、首先系统需要有node环境。
新建一个vue3.0项目
正在加载
07-13 222
node: 10.16.1 npm: 6.14.5 @vue/cli: 4.5.13 创建vue3.0项目，脚手架版本需要在4.5以上，如果@vue/cli版本低于4.5，执行命令npm install @vue/cli -g 更新@vue/cli版本，版本升级之后开始如下操作： 1. 打开cmd，执行命令vue create xxx创建项目 2. 选择配置 选择 Manually select features 选择Choose Vue version，Babel，Ro...
vue3.0项目的创建
weixin_50633446的博客
04-21 675
在创建vue工程项目之前要先安装node.js和添加环境变量 若没有完成此操作请上篇：node.js安装与添加环境变量 npm的仓库地址在国外，使用起来网速较慢，建议到淘宝镜像 安装nrm：npm install nrm -g （-g表示全局安装） 查看nrm的仓库：nrm ls 更改淘宝镜像：nrm use taobao 再次查看nrm的仓库：nrm ls 安装vue的脚手架 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，通过 npm uninstall v.
Vue3.0新建项目
YX_PJJuan的博客
04-09 533
安装vue-cli npm install -g @vue/cli -g 在控制台输入创建的项目 vue create <my-project> //vue3 vue init webpack <my-project> //vue2 创建成功后运行测试 成功结果图： npm run serve //vue3 npm run dev //vue2 运行成功效果图： ...
VUE 3.0 如何新建项目 详细教程 附环境搭建 推荐
最新发布
weixin_43483590的博客
07-26 458
本人新入手一台电脑，需要安装各种环境配置，顺便把过程记录一下，方便自己以后查看，也欢迎大家参考交流。
Vue3.0项目的创建
Hello World
04-15 2665
文章目录*Vue3.0项目的创建*一、前期环境准备1.安装Node.js2.安装Vue-cli二、项目创建步骤1.新建一个用于存放Vue3.0项目的文件夹2.进入Vue3.0项目的创建向导①询问用户选择项目是以什么模板方式进行安装，模板方式如下②可以根据项目需要选择添加的配置项（上下箭头切换，空格键进行选中/反选）③选择Vue3.x并按下Enter键④询问是否使用history路由模式（不推荐使用，输入n，并按Enter）⑤选择一种CSS预处理器（推荐选择：Sass/SCSS（with dart-sass）
vue3.0创建项目：
Lucky_Jinjin的博客
09-15 216
1. vue3.0+typescript+ant-design-vue 选择 vue 版本 (Please pick a preset: (Use arrow keys)) 选择的是：Manually select features 手动选择要安装的东西 (Check the features needed for your project: (Press to select, to toggle all, to invert selection)) 一般来说，需要安装的以下东西 Babel
vue3.0如何创建一个项目？
ru11291230的博客
09-10 2628
1：环境搭建 1-1:安装node环境 win+R 输入cmd 回车 输入node -v 回车。（v14.2.0为版本号） 输入：npm -v （检测是否安装成功）。 1-2：安装淘宝镜像，输入：npm install -g cnpm –registry=https://registry.npm.taobao.org 输入：cnpm -v (检测是否安装成功)。 2:输入 npm i yarn -g安装yarn 3: 输入 npmi @vue/cli -g 安装vu...
VUE3.0 路由详解
m0_58856160的博客
03-07 1727
一，下载安装 此地址可以直接下载https://unpkg.com/vue-router@4 下载后安装： npm install vue-router 二，创建路由 HTML： <template> <!--使用 router-link 组件进行导航 --> <!--通过传递 `to` 来指定链接 --> <!--`<router-link>` 将呈现一个带有正确 `href` 属性的 `<a>..
Vue-router的使用(vue3.0版本)
猫与故巷的博客
08-23 6726
vue-router 使用过程一级目录二级目录三级目录 一级目录 vue-router有三个概念 route, routes, router。 1， route，一条路由，它是单数，点击内容后跳转到指定内容，index按钮 => index内容， 这是一条route, about按钮 => about 内容， 这是另一条路由。 2， routes ，一组路由，所有路由组合形成的一个数组。 [ {home 按钮 =>home内容 }， { about按钮 => about 内容}
vue3.0中vuex状态管理的安装及使用
qq_43659954的博客
05-14 843
文章目录前言一、vuex是什么二、使用步骤1.安装2.全局挂载3.简单使用总结 前言 提示：这里可以添加本文要记录的大概内容： 本文介绍了vue3.0中vuex的使用和快速入门 提示：以下是本篇文章正文内容，下面案例可供参考 一、vuex是什么 Vuex是一个专为Vue.js应用程序开发的状态管理模式；它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex可以管理复杂应用的数据状态，比如兄弟组件的通信、多层嵌套的组件的传值等等。 二、使用步骤 1.安装 .
Vue3 —— 创建 Vue3.0 工程
HuoZhiyan 的博客
07-01 2277
Vue3.0 工程的创建及简单分析，内含扩展工具安装包。
怎么新建vue3.0版本项目
atu1111的博客
07-01 148
怎么新建vue3.0版本项目    vue-cli脚手架版本是@vue/cli 4.5.13，可以选择生成是3.0版本还是2.0版本项目
vue3.0搭建
qq_24241631的博客
02-13 1603
vue搭建 1 安装nodejs 百度自己下载https://nodejs.org/en/ cmd操作 2 安装cnpm（淘宝国内加速） npm install -g cnpm --registry=https://registry.npm.taobao.org 3 安装vue工具包 cnpm install -g @vue/cli 4 创建项目（cmd到自己项目想产生的位置） vue ...
vue3.0快速创建项目
叫我官人
10-26 1820
https://blog.csdn.net/xuqipeter/article/details/80452271
vue 3.0创建项目（一步步带你走过去）
涛哥~梦
07-02 930
1.卸载旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 2.安装新版本 npm install -g @vue/cli OR yarn global add @...
Vue3.0工程创建-水果项目1
QAQ
05-09 381
在命令行窗口输入：vue ui 跳到： 创建后点击： 同理安装axios： 下好了插件了： 就可以把命令行退出了： 然后idea直接打开刚刚那个工程 安装vue插件：
vue-cli3.0快速创建项目
qq_38810813的博客
01-24 649
因为平时公司的项目都是别人创建好了的 还没有真正自己上手做过 所以这次自己来尝试创建一下 从开始创建到路由配置 今天创建过程是参考的两位博主 地址我会分享出来 大家不懂的可以去看看 创建步骤的链接点击这里 另一位博主的创建链接点这里 参考两位博主的教程 我不相信你还不会！！！ 不过我在创建的过程中，我前面创建的时候不是用的create的方法 所以创建出来的项目是用dev启动的而不是serve 后面才用create的方法 create的方法里面会自带router配置和vuex的文件夹 所以就用creat.
从零开始vue3.0项目创建
cuhebcj的博客
02-28 1294
从零开始创建一个Vue3.0项目
vite 和vue3.0点击事件案例
12-21
首先，在vite中创建一个新的vue3.0项目，并在其中新建一个组件文件（比如Button.vue），然后在组件中使用模板语法创建一个按钮元素，并给按钮添加@click指令来绑定一个点击事件，比如： ```vue 点击按钮 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值