Vue3初探--初始化vue3项目

最新推荐文章于 2024-03-04 16:46:27 发布
最新推荐文章于 2024-03-04 16:46:27 发布
阅读量225 收藏
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qqq6654066/article/details/125380977
版权

创建vue3项目

安装脚手架

npm install -g @vue/cli

创建项目

vue create vue3demo

这里选第三个手动选择

根据自己需要选择需要安装的内容

这里选3.x

这里vue3默认支持TS，这里选N

是否使用babel，这里选y

这里选择css预处理器，我习惯用sass

 配置放在单独文件还是json里面，我这里放在单独文件里面

是否保存当前的预设，看自己的需求，闲选择麻烦的话可以保存下来下次就不用再次选择 

 创建项目成功，cd进入项目，使用yarn serve运行项目，有一些机器是使用npm run serve 运行项目

 

项目的入口文件

_nicedays
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-simple-uploader for vue3源码
04-22
vue3大文件分片上传源码，基于vue-simple-uploader进行修改
vue-3d-model
03-21
vue展示3D模型
超详细-vue3项目初始化配置流程（全流程注释说明）
二三的博客
07-13 9357
1. 安装Vue脚手架 npm install -g @vue/cli 或者 yarn global add @vue/cli 2. 查看vue版本 vue --version 3. 利用vue-cli创建项目 vue create 项目名
初始化创建安装 vue3工程项目的3种方法！超详细
南北极之间
06-12 8118
​ vue向导官方文档： Quick Start | Vue.js Vue.js - The Progressive JavaScript Framework https://vuejs.org/guide/quick-start.html#with-build-tools vue3官方文档： 安装 | Vue.js Vue.js - The 渐进式 JavaScript 框架 https://v3.cn.vuejs.org/guide/installation.html#发布版本说明 介绍 | Vue.
初始化vue3（构建、配置）
Define_best的博客
02-28 1087
初始化vue3（构建、配置）
【vue3项目初始化配置】vue3 + element plus
weixin_55939638的博客
01-18 1274
项目初始化是开发过程中很重要的一个环节，本篇博客带大家从零开始创建并初始化一个vue3项目，文章详细介绍了每个步骤，希望能帮助刚接触开发的小伙伴。
Vue3 项目初始化
acompe
01-22 533
5. 网络访问构建，当先开发ui时候，建议使用mock，模拟数据让界面全部显示出来，后续用axios创建api文件夹，并且在里面分别对后端接口按照mock数据结构对网络接口进行编写，这部分要跟后端沟通清楚，你要一个人开发就自己设计接口。4. 路由构建，首先确定自己要写多少个界面，每个界面多少个变动的位置，确定以后在纸上画出具体图例，然后创建路由文件夹，根据自己写的路由进行创建，后续将不在对此进行管理，一步到位。此部分在今晚6点之前完成，6点后开始开发具体代码，12点以后开始开发后端程序。
vue脚手架,vue3 组件 vue-property-decorator 组件
09-11
vue脚手架 本框架已开发了所属相关组件，如有 定制组件 需求可联系
vue3-element-Plus项目初始化创建.zip
01-26
vue3-element-Plus项目初始化创建.zip
vue3-icon-picker：Vue3项目的绝佳图标选择器
03-04
Vue3图标选择器 Vanilla Js版本是由很棒的人在这里开发的-https: 由移植到Vue3 :) 查看的演示:) 如何建造 git clone https://github.com/hasinhayder/vue3-icon-picker.git cd vue3-icon-picker yarn yarn dev ...
webstorm+vue初始化项目的方法
12-12
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm –registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm install -g vue-cli vue新项目构建： 1、初始化项目模板： vue init webpack-simp
vue3学习——初始化项目及配置
m0_49494051的博客
01-31 745
vue3 初始化项目及eslint配置
vue3项目初始化
weixin_44867717的博客
03-03 1614
vue3项目初始化 1、在终端输入 npm install -g @vue/cli 2、创建一个文件夹vueDemo，打开所在终端 vue create vue3-demo 3、在生成的vue3-demo文件中，打开终端，启动项目 npm run serve 4、打开项目 localhost:8080 显示效果： ost:8080 显示效果： ...
第一章 创建vue3项目及初始化
记录学习前端的历程
06-02 1374
nvm（node version manage）：node多版本管理。
vue3初始搭建项目完整教程 vue3 + vite + element-ui + axios
csdn_8023的博客
04-08 5449
搭建vue3+vite+element项目基础框架构建
从零开始搭建Vue3框架（一）：项目初始化+Vite基础配置
qq_25081445的博客
03-18 5487
前言 vue3.0更新了不短的时间，目前很多配套框架如elementui、echarts等主流UI框架都已经做了升级。 考虑到目前2.0的项目工程运行速度、开发效率都有了一定瓶颈，所以公司考虑优化技术架构，实现3.0版本升级。 升级肯定涉及到兼容性和技术栈的问题，至于两个版本的改动在项目搭建过程中，如果设计到的会适当说明。本文目的在于记录自己项目框架搭建的过程，也记录一下遇到的坑吧。 项目创建 Vue官方提供了两种方法： 通过vite，强烈推荐这种方法，毕竟升级的目的之一也是希望提高一下开发效率，vite
vue3 baseCss 初始化
u014105655的博客
11-07 1464
css 初始化
vue3初始化项目
weixin_49827467的博客
09-13 655
创建好项目，认识了项目目录，要开始做项目的前提，还是初始化项目： 初始化项目——设置别名 初始化项目——设置全局样式内容 初始化项目——封装网络请求 ** 1、设置别名alias ** @ is an alias to /src 新建一个 vue.config.js 文件： 在vue.config.js 文件中使用webpack 进行打包，设置别名，如下所示： module.exports = { configureWebpack:{ resolve:{
vue3+js+viter+element UI+Axios+pinia项目初始化基本流程
hongying_18的博客
03-04 1204
创建vue3项目；创建git代码管理仓库；初始化项目设置；安装项目所需要的依赖；设置别名联想；引入elementPlus；安装axios；封装axios请求；使用pinia
vue3 vue-grid-layout 安装
最新发布
05-09
要使用 Vue3 Vue-grid-layout，您需要首先安装 Vue3 和 Vue-grid-layout 包。您可以通过以下步骤完成安装： 1. 在终端或命令行中进入您的项目文件夹。 2. 运行以下命令来安装 Vue3：`npm install vue@next` 3. 运行以下命令来安装 Vue-grid-layout：`npm install vue-grid-layout` 4. 在您的代码中引入 Vue 和 Vue-grid-layout： ```javascript import { createApp } from 'vue' import VueGridLayout from 'vue-grid-layout' const app = createApp({}) app.use(VueGridLayout) app.mount('#app') ``` 现在，您可以在您的应用程序中使用 Vue-grid-layout 组件了。如果您需要更多的帮助，请查看 Vue-grid-layout 的官方文档：https://github.com/jbaysolutions/vue-grid-layout

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值