VUE3 项目创建

已于 2024-05-22 16:16:43 修改
阅读量120 收藏
点赞数 1
文章标签： vue
于 2024-05-22 11:18:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wd_y2333/article/details/139113477
版权

VUE3 项目创建

1.安装NODE.JS

2.创建VUE项目

创建vue项目有2种方式，

1安装官方vue脚手架工具，cmd窗口使用vue命令创建

cmd窗口使用npm install @vue/cli -g安装vue脚手架
使用npm list -g查看已安装全局包
使用vue -V判断脚手架是否安装成功
成功安装脚手架后，使用vue create 项目名称创建项目
创建项目选项
命令提示

2使用vite快速构建，命令npm init vite@latest projectname latest代表使用最新版本创建，projectname替换为项目名称(一般小写英文)

framework选择vue,variant选择TypeScript
cmd窗口

3 运行项目

按照提示运行CMD命令
CMD命令

Wd_y2333
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI 3 的创建项目方法如下： 1. **安装Vue CLI 3**： 首先确保你的环境中已经安装了Node.js，然后通过npm全局安装Vue CLI 3： ``` npm install -g @vue/cli ``` 2. **创建项目**： 使用Vue CLI 3创建一个...
创建vue3项目的三种方式
qi199531的博客
06-28 1万+
安装命令：截图： 安装命令：截图： 安装命令：截图：
如何创建vue3项目
m0_69502730的博客
08-24 2万+
如何创建vue3项目
Vue3项目搭建流程
最新发布
冲冲冲
06-12 1858
git初始化：打开终端，执行命令git init（这里需要在vscode中打开Git Bash终端，而不是powershell）执行完成后会在项目目录生成一个.husky文件夹安装 lint-staged （依然在Git Bash终端执行此命令）配置// ... 省略 ...// ... 省略 ...修改 .husky/pre-commit 文件安装插件 pinia-plugin-persistedstate在stores下新建index.js。
手把手教你搭建vue3项目
weixin_43618130的博客
03-02 5万+
使用VUE3开发很久了，但一直没进行总结和记录，忙里偷闲整理搭建一套VUE3项目，正好记录一下，按照我的教程让你开启vue3之旅吧！
Vue3 项目创建
qq_48294048的博客
10-10 2万+
vue 3需要node10以上版本node官网下载地址以往的版本 | Node.js。
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
热门推荐
逆境清醒的博客
03-19 7万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
Vue3创建项目1
08-08
3. **启动服务器**：完成项目创建后，用户通过 `npm run serve` 命令启动了开发服务器。这会在本地运行项目，并默认监听 `http://localhost:8081` 端口，用户可以在浏览器中访问该地址查看项目。 4. **跨域配置**：...
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...
Vue3 Project 项目(01) 源码
04-02
1. `main.js`：应用的入口文件，Vue3 项目通常在这里创建根 Vue 实例，并挂载到 DOM 元素上。这里也会引入其他全局组件、插件和配置。 2. `App.vue`：根组件，整个应用的起点。可以定义应用的结构和样式，以及任何...
使用vue3.0 创建项目
12-16
项目创建完成后，进入项目目录： ```bash cd exceltochart ``` 然后启动开发服务器，你可以运行 `npm run serve` 来预览项目。这将启动一个热重载的本地开发服务器，任何代码更改都会自动刷新页面。 在项目配置中...
手把手教你创建vue3项目的三种方式
qq_44741577的博客
01-29 7305
手把手教你创建vue3项目的最佳方式。
Vue3创建项目（一）新手教程
zhangxueyou2223的博客
09-26 1万+
Vue3创建项目，新手教程，看完需要花费10分钟，Vue依赖NodeJs的环境，需要先安装Nodejs。
创建一个vue3项目
dreams_dream的博客
07-27 1万+
创建一个vue3项目
创建vue3项目
桎梏的博客
12-08 1308
创建vue3项目
Vue3创建项目方式及步骤
m0_57469571的博客
05-03 1984
Vue3创建项目方式及步骤
vue3项目的创建（vue-create创建）
张羽的博客
06-26 1094
vue2的脚手架是vue-cli，vue3的脚手架是creat-vue前提条件：node.js为16.0以上(查看node 版本 node -V）
vue3项目创建步骤，以及项目运行失败的原因和解决方法
杜永康的博客
05-28 8891
如果你需要使用 Vue 3 的新特性，可以选择第二个选项，如果你需要使用 Vue 2，可以选择第三个选项，如果你需要自定义项目特性，则可以选择第一个选项。手动选择需要的特性，可以根据需要选择所需的特性和插件，包括 Babel、TypeScript、CSS 预处理器、Linter/Formatter、Unit Testing 等。⭐我们创建的hello项目是放在这个文件夹中的，这个文件夹是中文名字，所以报错了。建议在E盘创建项目，这里只是演示。需要注意的是，这里的的项目名字，用英文，或者拼音，不能用汉字。
【Vue3教程】创建你的第一个Vue 3项目，看完这篇
2401_83739727的博客
04-02 558
提示：当你对应用程序进行 code-split 和 tree-shake 动时，Vite 的速度会更快，因为它只加载它需要的模块，即使是在开发阶段。由于@ vue-cli / service是在webpack之上构建的，因此它是一个模块捆绑程序，它将在启动，热重载和编译时捆绑整个Vue项目。是在webpack之上构建的，因此它是一个模块捆绑程序，它将在启动，热重载和编译时捆绑整个Vue项目。这都是在服务器端完成的，依赖的数量和改变后构建/重新构建的时间之间有一个大致的线性关系。
vue3项目创建命令
06-05
以下是 Vue3 项目创建的命令： 1. 安装 Vue CLI 在终端中输入以下命令安装 Vue CLI： ``` npm install -g @vue/cli ``` 2. 创建新的 Vue3 项目 在终端中输入以下命令创建一个新的 Vue3 项目： ``` vue create ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值