首页 > 其他分享 >创建 Vue3 项目

创建 Vue3 项目

时间:2024-05-31 09:25:21浏览次数:20  
标签:npm ... vue 项目 创建 VipVue OpenSource Vue3 引入

前提条件

安装 Nodejs
下载:https://nodejs.org/en/download/prebuilt-installer
切换 npm 源
npm config set registry https://registry.npmmirror.com/

创建Vue

npm create vue@latest

Microsoft Windows [版本 10.0.19043.1348]
(c) Microsoft Corporation。保留所有权利。

D:\OpenSource\VipVue>node -v
v20.14.0

D:\OpenSource\VipVue>npm -v
10.7.0

D:\OpenSource\VipVue>npm config get registry
https://registry.npmmirror.com

D:\OpenSource\VipVue>npm create vue@latest
Need to install the following packages:
[email protected]
Ok to proceed? (y) y


> npx
> create-vue


Vue.js - The Progressive JavaScript Framework

√ 请输入项目名称: ... vipvue
√ 是否使用 TypeScript 语法? ... 否 / 是
√ 是否启用 JSX 支持? ... 否 / 是
√ 是否引入 Vue Router 进行单页面应用开发? ... 否 / 是
√ 是否引入 Pinia 用于状态管理? ... 否 / 是
√ 是否引入 Vitest 用于单元测试? ... 否 / 是
√ 是否要引入一款端到端(End to End)测试工具? » 不需要
√ 是否引入 ESLint 用于代码质量检测? ... 否 / 是
√ 是否引入 Prettier 用于代码格式化? ... 否 / 是
√ 是否引入 Vue DevTools 7 扩展用于调试? (试验阶段) ... 否 / 是

正在初始化项目 D:\OpenSource\VipVue\vipvue...

项目初始化完成,可执行以下命令:

  cd vipvue
  npm install
  npm run dev


D:\OpenSource\VipVue>

image

运行项目

cd <your-project-name>
npm install
npm run dev

image
image

WebStorm 运行

image

标签:npm,...,vue,项目,创建,VipVue,OpenSource,Vue3,引入
From: https://www.cnblogs.com/vipsoft/p/18223770

相关文章

  • 山东大学项目实训-基于LLM的中文法律文书生成系统(十四)- RAG(3)
    文档问答过程大概分为以下5部分,在Langchain中都有体现。上传解析文档文档向量化、存储文档召回query向量化文档问答今天主要讲langchain在文档embedding以及构建faiss过程时是怎么实现的。源码入口langchain中对于文档embedding以及构建faiss过程有2个分支,1.当第一次......
  • 山东大学项目实训-基于LLM的中文法律文书生成系统(十三)- RAG(2)
    今天主要讲langchain在上传解析文档时是怎么实现的。文档解析逻辑,以txt类型的文件解析为例子step1:寻找上传逻辑入口:local_doc_qa.py,关注TextLoader(),ChineseTextSplitter()defload_file(filepath,sentence_size=SENTENCE_SIZE,using_zh_title_enhance=ZH_TITLE_ENHANCE):......
  • 山东大学项目实训-基于LLM的中文法律文书生成系统(十五)- RAG(4)
    引入RAGRAG前的工作流程如下:向模型提问->模型从已训练数据中查询数据->组织语言->生成答案。RAG后的工作流程如下:读取文档->分词->嵌入->将嵌入数据存入向量数据库->向模型提问->模型从向量数据库中查询数据->组织语言->生成答案。嵌入在人工智能中,嵌入(Embedding)是将数据向量......
  • 在 Flask 项目中配置 Session:简明指南
    在Flask项目中配置Session:简明指南本文介绍如何在Flask项目中配置会话1.Flask内置会话Flask自带会话管理功能,使用客户端Cookie存储会话数据。默认情况下,会话数据是签名的,以防止篡改,但未加密。因此,不建议在会话中存储敏感信息。Flask内置会话适用于小型应用或会话数......
  • 【高端精品】外面割688的悦读平台全自动挂机项目,单号单天5元左右【自动脚本+详细教程
    悦读平台,是一个通过脚本全自动运行的赚钱项目。你只需要一个微信账号,不需要实名认证,就可以开始赚钱了。如果你有六个微信账号,那么只要其中一个实名认证就可以了。而且,你还可以把多个窗口的收益集中提现到一个微信账号上,非常方便。这个项目不限设备,你可以使用电脑模拟器、......
  • Django-第一个Django项目
    一、创建第一个Django项目使用命令行的方式创建:1、创建项目,打开终端,使用命令:django-adminstartproject[项目名称]即可创建。比如:django-adminstartprojectfirst_project。2、创建应用(app):一个项目类似于一个架子,但真正起作用的还是app。在终端进入到项目所在的路径,然后执......
  • uoj项目部署的学习实践和基于JUnit进行的项目测试
    基于JUnit进行的项目测试对不同功能点进行测试:检测忘记密码功能、注册功能能否正常使用脚本文件:registerTest.java1.检测忘记密码功能。事先注册好一个账号用于测试测试步骤:输入账号输入电子邮箱输入验证码1)用例标题:验证码错误情况测试数据:账号2021127电子邮箱2848250......
  • uoj项目部署中题目管理的相关学习与应用
    一.概述1.新建题目和管理界面只有超级管理员有权限新建题目,每次新建题目都必须由超级管理员完成。在题目页面,超级管理员或该题目的管理员可以通过管理按钮进入题目管理界面。题目管理界面分为三个选项卡:编辑:题面编辑页面管理者:题目管理员管理页面数据:题目数据管理页面以及......
  • 基于JUnit进行的项目测试
    基于JUnit进行的项目测试对不同功能点进行测试:检测忘记密码功能、注册功能能否正常使用脚本文件:registerTest.java1.检测忘记密码功能。事先注册好一个账号用于测试测试步骤:输入账号输入电子邮箱输入验证码1)用例标题:验证码错误情况测试数据:账号2021127电子邮箱2848250......
  • vue3 require动态加载图片及动态加载svg图
    以下是本地图片及引用本地的svg图报错//这里是获取本地的png图片报错<divclass="flex-itemsswiper-item"v-for="(item,index)inlist":key="index"><imgclass="brand-img":src="require(item.url)"/></......