bash npm run serve 或者,如果你使用yarn: bash yarn serve 如果项目成功创建并配置正确,你应该能够在浏览器中看到Vue的欢迎页面,并且控制台中不会显示任何错误。 通过以上步骤,你就成功创建了一个Vue 3 TypeScript项目,并可以开始开发了。
在创建项目的时候,我们就选择了ESLint,所以Vue会默认帮助我们配置需要的ESLint环境。由于我们也使用了prettier,这就需要解决eslint和prettier冲突的问题。使用VScode编辑器时,需要安装ESLint的插件。 安装插件:(vue在创建项目时,如果选择prettier,那么这两个插件会自动安装) npm i eslint-plugin-prettier eslint-config...
1、修改vite.config.ts import{defineConfig}from 'vite'import vue from '@vitejs/plugin-vue'import path from "path";//这个path用到了上面安装的@types/node// https://vitejs.dev/config/export default defineConfig({plugins:[vue()],resolve:{alias:{'@':path.resolve('./src')//@代替src}}})...
1.输入 npm create vite@latest 2.输入项目名字 3.项目创建 选择Vue 选择TypeScript 4.cd my_vue 到项目目录,准备安装依赖 5.npm install 安装依赖 6.运行项目 npm run dev 7.http://localhost:5173/ 打开页面 8.安装router 路由 npm install vue-router --save 9.安装pinia (vue 状态管理)js可安装vuex...
一、使用 Vite 创建 Vue3+TS 项目 1.新建一个 temp 文件夹 (1)在桌面新建一个 temp 文件夹,然后在 VS Code 中打开此文件夹,打开一个终端; 2.创建一个 Vue3 项目工程 (1)具体操作如下: npm create vite@latest(1) 输入项目名,如: vite-vue3-ts-less-element_plus ,然后回车 ...
该项目中的源码地址:easii-admin-ui: 手摸手创建一个 Vue + Ts 项目源码 (gitee.com) 技术栈: Vite Vue3 VueRouter Pinia TypeScript NaiveUI Axios Echarts Unocss 环境准备 安装Node 这里使用nvm来安装、管理 NodeJS,该框架主要是为了可以方便地安装和切换不同版本的 NodeJS。
基于Vite 初始化 Vue + Ts 项目 Vite 官网:https://cn.vitejs.dev/ 使用pnpm 来创建一个 Vue 项目: pnpm create vite@latest easii-admin-ui -- --template vue 执行后,会让你选择framework和variant,这里分别选择Vue和TypeScript就可以。 执行后,在控制台输入如下: ...
1 引言 用 vite 创建的 vue3+ts 项目后,在 vscode 中打开,可以看到缺少很多 vue 开发必备依赖库与插件(如下图)。同时,有些配置与 vue-cli 建立的项目有所差异,此博文将对遇到的问题逐一解决,不断更新内容。 2 安装 vue-router 官网:https://rou
手摸手创建一个 Vue3 + Ts 项目(四) —— 完善布局 前言 在写该章的时候,发现了前面的一个问题,在 BasicLayout.vue 的 article 标签上,少添加了一个属性:flex,这里代码和文章已经进行了修改。 通过前面的章节,我们实现了一个基本的布局,由左侧菜单栏和右侧内容栏组成,并实现了左侧菜单栏的基本功能。