首页 > 其他分享 >vite+vue3搭建项目流程

vite+vue3搭建项目流程

时间:2023-01-12 13:33:27浏览次数:34  
标签:node npm vue -- vue3 path vite 搭建

1. 安装Node

2. 使用npm创建目录

npm create vite@latest 项目名称 -- --template vue

3. 配置@路径 (path模块是node.js内置的功能,但是node.js本身并不支持ts,所以需要手动安装)

npm install @types/node --save-dev

  打开vite.config.js(Ts版本的就是vite.config.ts)

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import path from "path"; //这个path用到了这个模块需要下载  npm install @types/node --save-dev
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  //这里进行配置别名
  resolve: {
    alias: {
      "@": path.resolve("./src"), // @代替src
    },
  },
});

 

标签:node,npm,vue,--,vue3,path,vite,搭建
From: https://www.cnblogs.com/alannero/p/17046401.html

相关文章

  • 局域网搭建IOS应用在线安装环境
    前言一般公司在开发IOS的APP,发布测试版本,这是一个很繁琐的过程,对于一般的公司基本上就是把测试机加入开发列表中,然后打包APP,发布到网盘,或者发到QQ上,供测试人员下载安装测试......
  • 用两个三极管搭建的简单恒流源电路
    如下图所示,是用两个NPN三极管搭建的低成本恒流源电路,结构比较简单。怎么做到恒流的呢?我们一起来分析一下。图1 恒流源电路 在该电路中,可以把D1或R2看作是负载,且互相......
  • 腾讯出品小程序自动化测试框架【Minium】系列(一)环境搭建之第一个测试程序
    一、什么是Minium?minium是为小程序专门开发的自动化框架,使用minium可以进行小程序UI自动化测试。当然,它的能力不仅仅局限于UI自动化,比如:使用minium来进行函数的mock......
  • cocos creator教程:项目构建工具 - jenkins 搭建及使用
    muzzik教程:项目构建工具-jenkins搭建及使用windows环境搭建流程1.下载及安装官网:https://www.jenkins.io/2.配置jenkins权限打开服务面板找到jenk......
  • mac下php环境搭建
    1.什么是XAMPPXAMPP(Apache+MySQL+PHP+PERL)2.XAMPP下载安装XAMPP下载地址:apachefriends双击下载打开的xxx.dmg,继续点击图标。如下图所示。系统会提示,无法打开"xxx......
  • 10个提高开发效率的Vue3常用插件(快来收藏)
    本篇文章给大家总结分享几个好用的 Vue 插件,可以帮助开发者提高开发效率、解决移动端各种滚动场景需求,希望对大家有所帮助!1、vue-multiselect-nextVue.js 的通用选择/......
  • 手把手教你使用IDEA快速搭建一个SpringBoot项目
     手把手使用IDEA快速创建一个SpringBoot项目目录​​手把手使用IDEA快速创建一个SpringBoot项目​​​​1.NewProject选择maven,next​​​​2,填写GroupId,ArtifactId,Ver......
  • vue3之 element-plus的动态图标
    Vue2中使用ElementUI的图标渲染是通过<iclass="el-icon-plus"></i>渲染Vue3中使用ElementPlus图标渲染是通过<el-icon><Plus/></el-icon>渲染所以在使用ElementU......
  • 《Vue3.x +TpyeScript实践指南》勘误
    图书出版已有一段时间,书中已发现错误如下:书的第14页,倒数第3行,npminit-y命令中,init和-y之间应该有个空格;书的第32页,代码的第1行,应该为模板字符串符号`,我看印刷的事单引......
  • PHP微服务:搭建Hyperf
    文档:​​Hyperf文档Hyperf框架官方文档https://hyperf.wiki/2.2/#/zh-cn/db/querybuilder​​一:准备环境基于宝塔环境,安装php7.4,Hyperf2.2需要PHP版本>=7.3,推荐使用7.4......