前端学习笔记 3：Vue 工程

上一篇文章介绍了如何在单一 Html 页面中使用 Vue，本文介绍如何从头开始用 Vue 构建一个前端工程项目。 1.环境准备 Vue 框架代码的创建依赖于 Node.js，因此需要先安装 Node.js。 2.创建和启动 2.1.创建通过以下命令可以创建 Vue 的框架代码： npm create vue@latest 该命令执行后会先检查是否安装 create-vue 工具，如果没有，就安装。然后再使用 create-vue 创建框架代码。 npm（Node Package Manager）是 NodeJS …

2025年5月19日 0条评论 343点热度 0人点赞魔芋红茶阅读全文

Vue 是一个目前最流行的前端响应式框架，关于它的简单介绍可以观看这里。 1.快速入门 Vue 的官网提供一个快速上手指南，有多种方式可以安装和使用 Vue，这里展示一个最简单的方式——直接导入官方提供的在线的核心 JS 文件进行使用。这里展示的内容相当于官方快速上手指南中的使用 ES 模块构建版本。需要先像在之前文章中介绍的那样，在 JS 模块中导入 Vue 的createApp函数： <script type="module"> import { createApp } from "htt…

2025年5月19日 0条评论 364点热度 0人点赞魔芋红茶阅读全文

1.传统引用一般性的，用以下方式引入JS 中定义的函数或对象到 Html 中使用： function showMessage(){ console.log("hello"); } function showChineseMessage(){ console.log("你好"); } <html> <body> <h1> hello </h1> <button id="btn">按我有惊喜</button> …

2025年5月19日 0条评论 298点热度 0人点赞魔芋红茶阅读全文

1. 双击资料中提供的安装包 2. 选择安装目录选择安装到一个，没有中文，没有空格的目录下（新建一个文件夹NodeJS） 3. 验证NodeJS环境变量 NodeJS 安装完毕后，会自动配置好环境变量，我们验证一下是否安装成功，通过： node -v 4. 配置npm的全局安装路径使用管理员身份运行命令行，在命令行中，执行如下指令： npm config set prefix "D:\develop\NodeJS" 注意：D:\develop\NodeJS 这个目录是NodeJS的安装目录 5.更换安装包的源 …

2023年12月31日 0条评论 2016点热度 2人点赞魔芋红茶阅读全文

好长时间没用 GreasyFork 了，最近在刷 Spring Boot 的各种知识点，其中很大时间都在学习 baeldung.com 这个站点。不知道是因为最近刷的勤了还是怎么的，这个网站经常会弹出一个“让我关闭广告阻拦插件”的提示框，而且频率越来越频繁。上 GreasyFork 搜了一圈，没发现这个网站可以使用的油猴脚本。看来又到了自己动手，丰衣足食的时间了。翻阅教程编写脚本本身倒是没有太花时间，有意思的是在我准备发布这个脚本到 GreasyFork 上造福后人的时候，意外发现脚本管理页面有个从仓库同步的选…

2023年6月22日 0条评论 1582点热度 1人点赞魔芋红茶阅读全文

前端学习笔记 3：Vue 工程

前端学习笔记 2：Vue

前端学习笔记 1：js 导入导出

NodeJS安装

GreasyFork+Github