为了摆脱咸鱼的身份，我给自己定了一个开源项目的目标于是抽空写了一个 textarea，打算发布到 npm 的时候却遇到了问题之前用 vue-cli 2.x 的时候，打包配置项非常透明，可以很容易的修改但升级到 vue-cli 3.x 之后，反而一脸懵逼。。。在踩了一天的坑之后，终于成功发布了一个小插件，于是记个笔记 一、调整项目结构首先用 vue-cli 创建一个 default 项目当
一：下载node.js搭建vue开发环境之前，官网选择下载node.js。vue的运行是要依赖于node的npm的管理工具来实现。二：安装node.js一路 “下一步”操作，安装node。打开dos系统，查看node安装成功与否。输入node -v回车，成功即显示node的版本信息 npm包管理器，是集成在node中的，即安装了node也就有了npm,输入npm -v命令，显示npm的版
转载
2024-05-09 22:40:01
1518阅读
# 如何安装axios npm fund
## 概要
在Vue3项目中使用axios库进行网络请求是非常常见的操作。本文将指导刚入行的小白如何在Vue3项目中安装axios库，并使用npm fund来完成安装过程。
## 整体流程
```mermaid
journey
title 整体流程
section 安装axios npm fund
Vue3项目初始化
原创
2024-03-21 07:14:00
32阅读
安装初次使用 Vue 的时候，无论是新项目还还是老项目，首先需要安装。安装 Vue 和安装其它 npm 包一样。下面我列举 4 种方式来安装 Vue。直接使用 CDN 地址这种方式直接在 HTML 文件中嵌入一个 script 标签，src 为 vue 包的地址。这个包如果在生产环境一定要指定一个特定的版本，避免出现一些意想不到的问题。这种方式在真实的项目开发中很少用到，写 demo 比较方便。&
转载
2023-12-24 09:56:54
133阅读
作者：FinGet创建项目 image.png
基础语法定义datascript标签上lang="ts"定义一个类型type或者接口interface来约束data可以使用ref或者toRefs来定义响应式数据使用ref在setup读取的时候需要获取xxx.value,但在template中不需要使用reactive时，可以用toRefs解构导出，在template就可以直接使用了&l
浏览器篇浏览器缓存?说一说浏览器的本地存储？各自优劣如何？说一说从输入URL到页面呈现发生了什么？谈谈你对重绘和回流的理解XSS攻击CSRF攻击HTTPS为什么让数据传输更安全？实现事件的防抖和节流？实现图片懒加载？**3、然后就可以愉快的使用npm install 命令安装插件的**
国内镜像源，国内npm源镜像（npm加速下载）
淘宝 NPM 镜像：https://registry.n
1.总览vue3不仅易于上手，还便于与第三方库或既有项目整合。安装1.在页面上以CDN包的形式导入2.下载JS文件并自行托管3.使用npm安装4.使用官方的CLI来构建一个项目。CDN<script scr="https://unpkg.com/vue@next"><script>下载并托管这些文件可以在unpkg或者jsDelivr这些CDN上浏览和下载。访问https:
如何将Vue 3项目从Yarn切换到npm
作为一名经验丰富的开发者，你的任务是教会一位刚入行的小白如何将Vue 3项目从Yarn切换到npm。下面是整个过程的步骤：
| 步骤 | 动作 |
| ---- | ---- |
| 1 | 全局安装Vue CLI |
| 2 | 创建Vue项目 |
| 3 | 安装依赖包 |
| 4 | 修改package.json |
| 5 | 安装npm依赖
原创
2024-01-10 11:05:22
373阅读
Vue.js 是一种流行的 JavaScript 框架，用于开发现代 Web 应用程序。Vue.js 具有简单易用、高效和灵活等特点，能够极大地提高开发效率并改进用户体验。Vue.js 一直在不断更新和改进，它的最新版本是 Vue 3。在本文中，我们将探讨 Vue 2 和 Vue 3 的区别，以及如何从 Vue 2 迁移到 Vue 3。1. Vue 3 的性能表现更好Vue 3 增加了一些新的特性
转载
2023-11-08 21:38:21
101阅读
18 Prop：Prop 的初始化和更新流程是怎样的？前面我们提到过 Vue.js 的核心思想之一是组件化，页面可以由一个个组件构建而成，组件是一种抽象的概念，它是对页面的部分布局和逻辑的封装。为了让组件支持各种丰富的功能，Vue.js 设计了 Props 特性，它允许组件的使用者在外部传递 Props，然后组件内部就可以根据这些 Props 去实现各种各样的功能。为了让你更直观地理解，我们来举个
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。下面介绍以NPM方式来Vue.js 的安装方法：在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify&
参考资料一、安装node环境 1、下载地址为：Node.js 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：中国 NPM 镜像 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm
转载
2024-09-20 20:36:06
314阅读
一.快速上手Vue31.使用Vue3的CDN<script src="https://lib.baomitu.com/vue/3.0.2/vue.global.js"></script>2.vue-cli升级到vue-cli v4.5 (删除后再安装)npm i -g @vue/cli@next3.使用Vite利用ES6的import会发送请求去加载文件的特性，拦截这些请求
NPM 方法 由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm， 安装使用介绍参照，使用淘宝 NPM 镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org npm 版本需要大于 3.0，如果低于此版本需要 ...
转载
2021-07-26 11:34:00
471阅读
2评论
前言最近搭建Hexo，需要安装npm和NodeJS. 遇到一点幺蛾子, 开帖记录下.NodeJS内包括npm, 所以直接安装npm即可.NodeJS官网http://nodejs.cn/download/dmg安装 (不推荐)安装 使用dmg安装. 下载安装包直接安装即可. 没有什么技术含量.需要注意的是 安装的位置在何处？ 我们前往cd /usr/local/bin/sh-3.2# cd /us
转载
2024-05-13 08:20:21
1488阅读
vue3使用yarn还是npm？这是一个开发者们经常讨论的话题。yarn和npm都是JavaScript的包管理工具，各自有其潜特性与优势。本文将结合版本对比、迁移指南、兼容性处理、实战案例、性能优化及生态扩展等多个方面，为你深度剖析在Vue 3中选择yarn或npm的决策过程，帮助你做出更明智的选择。
## 版本对比
首先，我们来看看yarn和npm的不同版本，以及它们之间的兼容性分析。
模块（包） 传统引入 js 的缺点 整个网页，我们写了一个 js 文件，所有的特效都在里面 耦合度太高，代码之间关联性太强，不便于后期维护 变量容易 全局污染 如果将 复杂的 js 文件，拆成多个功能的 js 文件 缺点： 发生的请求过多，依赖模糊，难于维护 这是传统的开发模式，都被抛弃掉了 所以我们使用 模块化的开发模式 为什么使用模块化 减
转载
2024-06-12 20:54:39
102阅读
以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。这一指令将会安装并执行 create-vue
原创
2024-10-14 09:50:52
120阅读
1、下载脚手架新建一个文件夹在文件夹内打开cmd：输入： cnpm install -g @vue/cli检验是否安装成功 ：vue-V 2、下载脚手架新建一个文件夹在文件夹内打开cmd：输入： vue create vue-next-leo(之后可以去选） 3、去升级打开新建的项目文件之后：输入： ...
转载
2021-09-17 18:36:00
246阅读
2评论
vue3 从零开始 起步与基础1 准备工作（安装+配置+创建）1.1 安装node.js1.1.1 下载node.js最新版本1.1.2 完成node.js配置1.3 使用vite进行创建1.3.1 为什么要创建【了解】1.3.2 为什么要用vite创建【了解】1.3.3 如何用vite进行创建【重点】1.4 打开vue文件2 学习内容2.1 vue文件内容2.1.1 文件内容详情2.1.2 文
转载
2023-08-28 13:02:07
210阅读
