Vue3.0实现todolist(Vue3.0环境搭建)

简介: Vue3.0实现todolist(Vue3.0环境搭建)
准备工作

1、官网安装node,进入node.js官网安装长期支持版

打开终端输入:node -v 如果出现node版本号,表明安装成功

安装node自带npm,包管理工具

输入npm -v 出现npm的版本号


2、安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

输入cnpm -v 会出现一系列版本号,说明安装成功

3、安装vue环境:cnpm i -g vue @vue/cli

输入vue -V检测vue是否装好

步骤


1:进入d盘 创建一个项目

vue create todolist

这里需要注意一下

要选择Manually select features

等待命令执行 这个时候会发现d盘多了一个文件夹todolist



2:使用vscode打开todolist

在终端运行命令npm run serve



项目创建启动成功 可以在浏览器里面查看 这个时候就可以开始造代码了

文件和目录结构

node_modules 存放所有依赖
public favicon.ico 浏览器左上角显示的图标
index.html 项目最终上线的代码
src文件夹 assets文件夹:存放静态资源,包括图标、图片等
components文件夹:存放一般组件
router文件夹:配置路由
store文件夹:配置状态管理
views文件夹:存放路由组件
App.vue:根组件
main.js:项目组入口js文件,引入第三方的库和插件
.browserslistrc 管理浏览器版本的
.gitignore 上传git中忽略的文件
bable.config.js 配置bable的,转移js语法
package-lock.json 所有包的具体信息
package.json 包管理文件
README.md 项目介绍
相关文章
|
7月前
|
人工智能 API 开发者
FastAPI开发者福音!FastAPI-MCP:将FastAPI秒变MCP服务器的开源神器,无需配置自动转换!
FastAPI-MCP是一款能将FastAPI应用端点自动转换为符合模型上下文协议(MCP)的开源工具,支持零配置自动发现接口并保留完整文档和模式定义。
4213 112
FastAPI开发者福音!FastAPI-MCP:将FastAPI秒变MCP服务器的开源神器,无需配置自动转换!
|
机器学习/深度学习 编解码 人工智能
|
9月前
|
人工智能 Linux API
Omnitool:开发者桌面革命!开源神器一键整合ChatGPT+Stable Diffusion等主流AI平台,本地运行不联网
Omnitool 是一款开源的 AI 桌面环境,支持本地运行,提供统一交互界面,快速接入 OpenAI、Stable Diffusion、Hugging Face 等主流 AI 平台,具备高度扩展性。
996 94
Omnitool:开发者桌面革命!开源神器一键整合ChatGPT+Stable Diffusion等主流AI平台,本地运行不联网
|
10月前
|
人工智能 自然语言处理 API
UI-TARS:字节跳动开源专注于多平台 GUI 自动化交互的视觉语言模型
UI-TARS 是字节跳动推出的新一代原生图形用户界面(GUI)代理模型,支持跨平台自动化交互,具备强大的感知、推理、行动和记忆能力,能够通过自然语言指令完成复杂任务。
2669 16
UI-TARS:字节跳动开源专注于多平台 GUI 自动化交互的视觉语言模型
|
11月前
|
数据采集 人工智能 自然语言处理
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
Midscene.js 是一款基于 AI 技术的 UI 自动化测试框架,通过自然语言交互简化测试流程,支持动作执行、数据查询和页面断言,提供可视化报告,适用于多种应用场景。
2851 1
Midscene.js:AI 驱动的 UI 自动化测试框架,支持自然语言交互,生成可视化报告
|
JSON 人工智能 算法
探索LLM推理全阶段的JSON格式输出限制方法
文章详细讨论了如何确保大型语言模型(LLMs)输出结构化的JSON格式,这对于提高数据处理的自动化程度和系统的互操作性至关重要。
2187 52
|
Linux Python
在Linux下升级到Python3的两种方法
在Linux下升级到Python3的两种方法
2022 0
|
数据库连接 数据库 Python
Python中的上下文管理器(Context Managers):优雅地管理资源
在Python编程中,上下文管理器是一种用于管理资源的强大机制。通过上下文管理器,你可以确保在代码块的进入和退出时资源得到正确的分配和释放,从而使你的代码更加优雅、可读性更强。本文将深入探讨上下文管理器的基本概念、使用方法以及如何自定义上下文管理器。
|
安全 Docker 容器
Docker中运行容器时Operation not permitted报错问题解决
【10月更文挑战第2天】Docker中运行容器时Operation not permitted报错问题解决
5292 3
|
PyTorch 算法框架/工具 Python
yolov5的完整部署(适合新人和懒人,一键安装)
这篇文章为新人和希望简化部署过程的用户介绍了如何一键安装和配置YOLOv5环境,包括安装Anaconda、设置镜像源、安装PyCharm、创建虚拟环境、下载YOLOv5项目、安装依赖以及在PyCharm中配置和运行项目。
7217 0
yolov5的完整部署(适合新人和懒人,一键安装)