vue3的配置和使用

最新推荐文章于 2024-09-29 09:41:12 发布
最新推荐文章于 2024-09-29 09:41:12 发布
阅读量311 收藏
点赞数 3
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55995610/article/details/140084138
版权

vue的使用需要配置node且node版本需要在15以上。管理员方式打开cmd，输入node -v，可以查看node版本。
创建vue有以下两种方式

npm init vue@latest

npm create vue@latest

创建后输入项目名，其它的输入否即可，新手可以先不用
请添加图片描述
按照要求输入

cd 项目名
npm install
npm run dev

若没有镜像则 用cnpm install，下载效率更高。
即可运行vue项目

木木ainiks
关注
Vue3通透教程【十六】TS编译配置
官方推荐
07-20 8万+
掌握TS编译配置，让我们的更好的TS编码体验
Vue3通透教程【四】Vue3组合API初体验
热门推荐
官方推荐
02-20 4万+
初步了解Vue的组合API和Vue2的选项式API视觉差距！
dotenv-cli + vue3 添加环境配置文件
James_liPeng的博客
08-19 1241
dotenv-cli + vue3 添加环境配置文件
在 Vue3 +Vite环境中使用.env 环境配置文件
半只
12-09 1857
在 Vue3 +Vite环境中使用.env 环境配置文件 # 1、安装 dotenv ```npm npm install dotenv --save ``` # 2、项目根目录创建 .env相关环境配置文件 `.env.development` 开发环境配置文件 `.env.production` 生产环境配置文件 示例创建一个 `.env.development` 开发环境配置文件内容 这里要注意，环境配置变量名必须是要 `VITE_` 开头的才会被扫描然后暴露出去，在 Vue
vue3.0的安装和使用(第一章)
weixin_58437310的博客
06-21 214
1.首先需要安装node （需要去官网，不做说明） 2.node安装完以后 1>.如果之前安装过vue的2.0版本，你需要把2.0相关的删除
Vue3教程：Vue3.0 + Vant3.0 搭建种子项目
程序员有故事
10-26 2466
最近在用 Vue3 写一个开源的商城项目，开源后让大家也可以用现成的 Vue3 大型商城项目源码来练练手，目前处于开发阶段，过程中用到了 Vant3.0，于是就整理了这篇文章来讲一下如何...
vue3 和 vite3脚手架相关20个库
Z网球的博客
09-09 2210
vue3 和 vite3脚手架相关20个库
Vue3配置路由(vue-router)
程序员柒的博客
02-09 1万+
紧接上篇文章，vue3的配置与vue2是有所差别的，本文就讲述了如何配置，如果本文对你有所帮助请三连支持博主。下面案例可供参考。
vue3 配置路由
jiey0407的博客
03-09 2万+
使用 vue3 配置路由，步骤如下 1、安装路由 npm install vue-router@4 笔者这里的演示项目名称是vue3-project 2、新建页面 这里创建 view目录，然后在view目录下创建 A.vue B.vue 两个 vue页面文件 A.vue内容 <template> <div>A</div> </template> B.vue内容 <template> <div>B</div&
vue2和vue3中vuex的区别和使用方法详解？
前端-尔嵘
03-14 2496
Vue.js 是一款流行的前端框架，它提供了 Vuex 管理应用的全局状态。在 Vue 2 和 Vue 3 中，Vuex 的使用方法有些区别。在 Vue 2中，组件中需要使用 $store 方法来获取 Vuex 的状态和方法了。
Vue3 项目环境变量配置（Vite）
最新发布
qq_30193097的博客
09-29 611
它的主要作用让开发者区分不同的运行环境，读取不同环境的相关配置信息，比如开发环境和生产环境使用不同的 API 前缀等。Vite 是通过 import.meta.env 对象暴露环境变量的。Vite 使用从你的也可以配置额外的额环境变量，我们需要在根目录新建 .env[mode] 文件，并且环境变量必须以 VITE_ 开头，才会暴露给经过 vite 处理的代码。只有会被暴露为提供给客户端源码，而则不会。环境变量通常可以从获得。注意：Vite 默认是不加载.env。
Vue3 —— 使用Vite配置环境变量
Bonsoir777的博客
12-16 1万+
文本主要介绍Vite的配置环境变量的问题
Vue3 项目初始化(三) 环境变量
weixin_41117906的博客
05-13 1836
Vue3 vite 环境变量
dotenv配置多环境支持vue、nuxtjs和webpack项目打包闭坑指南
千年板蓝根
09-30 2741
文件名默认.env 当我我们可以取名叫 .env.test .env.dev .env.prod 注意文件里面的不要存在引号 DB_HOST=localhost DB_USER=root ps1:那么在nuxtjs中怎么让我们的变量支持服务器和客户端呢？ 可以在nuxt.config.js再次定义env的变量把值给过去 env: { COOKIE_DOMAIN: process.env.COOKIE_DOMAIN, } ps2:nuxtjs中模块试用方法 // [’@nuxtjs/dotenv’, { fi
webpack5+vue3搭建h5项目模板-（一）-基础配置
weixin_42349568的博客
04-23 4549
一，概述 本文主要是使用webpack5+vue3+vw适配+axios+vue-router+vuex+vant搭建一个基础的h5项目结构。其中每一节都是独立的配置，想要webpack搭配其他的也可以参考下。至于项目的代码，放在本文最后面，不想看的可以直接下载使用。 为了自己后续搭建h5项目能有个干净的项目框架直接使用，而不是每次都得重新搭建。每一个步骤都是我实践过的，其中存在的一些注意点和原理，我也会简单提及，算是学习实践的一篇笔记吧。 二，初始化项目 第一步：初始化package.json npm i
vue的安装和基本配置
qiuzi_1111的博客
12-29 2128
本博文将介绍 Vue.is 有关的一些概念和技术，并帮助读者了解它们背后的工作原理，同时构建第一个 Vue.is 应用。1.vue的安装和基本配置。
vue3 路由的使用
m0_49515138的博客
02-03 2万+
name 是路由的名称，非必填，但是一般都会配置上去，这样可以很方便的通过 name 来代替 path 实现路由的跳转，因为像有时候的开发环境和生产环境的路径不一致，或者说路径变更，通过 name 无需调整，但如果通过 path，可能就要修改很多文件里面的链接跳转目标了。所以 Vue 在 Webpack 的代码分割功能的基础上，推出了 异步组件，可以把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样按需载入，很方便的实现路由组件的懒加载。
vue3笔记
qq_44846544的博客
04-01 5063
笔记
nodejs dotenv插件添加env环境变量参数
黄彪博客
03-30 3727
文章目录文章参考问题描述dotenv 的作用案例 文章参考 npm dotenv 问题描述 今天看一个大神的写的代码，发现他的配置文件是在.env文件中，有点类似于vue-cli3的环境变量参数，误以为是nodejs环境自带的，结果查做了测试，发现nodejs没有这个配置，结果是使用了“dotenv”插件 dotenv 的作用 将.env文件中的配置文件转为 process.env变量的值 案...
基于 vue3 + webpack 5 + sass+ vw 适配方案+axios 封装，从0构建手机端模板脚手架
u010952787的博客
07-29 900
Webpack5正式发布也有很长长长一段时间了,上手了一段时候后发现真香。webpack5的新特性使得我们在配置上比以往版本更加方便了，构建速度也有了质的飞跃。本文着重为大家讲解从 0 到 1 搭建 vue3 + webpack 5开发环境的过程中遇到的疑问。 项目地址: webpack5-vue3 demo地址: https://zhouyupeng.github.io/webpack5-vue3/#/ 先看一下配置好的项目目录结构 ├─build │  ├─webpack.base.c
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值