三、基于Vite创建Vue3项目 3.1、创建vite npm create vite@latest 之后跟随引导,操作以下3个命令启动程序。 拿到启动url 浏览器启动,启动成功了。 本地文件夹目录如下: 之后,将文件夹目录拖到VSCode。 3.2、删除文件 src/style.css src/components/HelloWord.vue 3.3、删除
vscode可以在项目配置个性的设定,首先需要创建setting.json文件,在vscode中点击左下角的设置按钮,选择命令面板(或者直接使用快捷键 shift+command+p),然后搜索“setting.json”,选择“Open Workspace Setting(JSON)”即可。 然后就可以看到在项目的.vscode目录下新建了一个setting.json文件,当然这个是个空文件,我们按照相...
createApp(App).mount('#app')创建了一个Vue应用实例,并将根组件App挂载到具有id为app的 DOM 元素上。 这样我们就将所有写的页面都挂在到了index.html文件上了,到这儿,是不是豁然开朗了呢 4.6 package.json 文件 到上一小节,我们已经将vue的代码分析的差不多了,接下来,我们在来看看package.json 项目依赖配...
import { createApp } from 'vue' import './style.css' import App from './App.vue' createApp(App).mount('#app') import { createApp } from 'vue' 导入了 Vue 的 createApp 函数,用于创建一个 Vue 应用实例。 import './style.css' 导入了一个 CSS 文件,这里可以忽略 import App from '....
build:构建整个项目,也就是上线 利用vite创建vue3项目 首先我们需要用到npm进行创建,如果npm的版本是6.x,则使用以下代码: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 npm init vite@latest<project-name>--template vue 如果npm的版本是7+,需要加上额外的双短横线,则使用以下代码: ...
1、创建vite3项目工 第一种方式: npm create vite@latest my-vue-app -- --template vue #直接创建一个项目 如下图 创建项目 npm create vite@latest # 一步一步的选择创建一个项目 选择Vue框架 选择javaScript 项目创建完成 2、安装依赖 命令行中输入cd vue3-app 进入项目依 cd vue3-app #进入项目 npm...
二、创建vite项目 #npm npm create vite@latest #yarn yarn create vite #pnpm pnpm create vite # npm 7+, 需要额外加 --: npm create vite@latest vue-ts-app -- --template vue-ts # yarn yarn create vite vue-ts-app --template vue-ts ...
创建项目 官方提供了多种创建命令,如下: npminit vite@latest yarncreate vite pnpmcreate vite 根据自己的情况选择合适的命令即可,我使用的是pnpm,所以: pnpmcreate vite 然后会让给你输入一个项目名称。再选择一个framework,因为我们创建vue3项目,所以选择vue即可。再选择代码语言,我习惯使用JavaScript。如下: ...
一、创建项目 创建项目 pnpm create vite@latest 输入项目名称 Project name: » test_project 选择vue 选择ts 二、安装axios 安装axios命令 pnpm add axios -S src下创建utils文件夹=>request.ts import axios from "axios"; const request = axios.create({ ...