×

npm

使用Vite构建Vue3组件库

我爱你中国 我爱你中国 发表于2024-04-15 浏览6259 评论0
前言 自从使用上vite和vue3后就爱不释手了,vite的秒级启动速度属实香,再加上vue3的CompositionAPI和setup语法糖的使用简便性,工作中新项目已经开始用这一套了。而且现在vite和vue3的第三方生态支持已经很好了(ps:可能还有些库不太兼容),所以打算借着这个机会再熟悉一下搭建与发布npm库的流程,之前基于vue-cli搭建过基于vue2的组件库vue-starry-sky,顺便也记录了一下搭建流程。所以打算升级一下这个库,使用vite和vue3来构建新的vue3

npm

Vue初始化项目步骤(vue 初始化项目)

雪先生 雪先生 发表于2024-04-15 浏览7951 评论0
一.查看并设置镜像地址(提高下载速度) npm config get registry #查看镜像地址 如果镜像地址不是淘宝镜像地址,为了提高下载速度,就需要输入如下命令设置为淘宝镜像地址: npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址 二.全局安装vue/cli(必要) npm i -g @vue/cli 三.检查是否安装成功 npm -V 四.创建项目文件(必要) vue create

npm

js实现全屏(f11)(js实现全屏字体放大缩小)

小调 小调 发表于2024-04-15 浏览9605 评论0
js实现浏览器全屏 当页面自动触发全屏会报错,并且浏览器会给一个警告如下,意思是浏览器全屏API只能由用户手势触发。尝试过window.onload、定时器、鼠标移动事件都不能实现全屏,点击事件可以。 全屏api文档地址:https://developer.mozilla.org/zh-CN/docs/Web/API/Fullscreen_API 简单实现点击全屏代码: <body> <button onclick="fullScreen()">浏览器全屏

npm

快速卸载Vue脚手架(vue-cli)(如何卸载vue脚手架)

杨勇 杨勇 发表于2024-04-15 浏览14583 评论0
        亲爱的小伙伴们,我们又见面了,看到你们就是我创作下去的勇气,我是小招一个不折不扣又有点闷骚的程序员,在学习vue的路上我也遇到很多坑,吃过很多亏,流过很多泪,今天就从自己是小白时候的第一视角给大家分享点点滴滴,希望能帮助到更多想入门vue的小伙伴~ 一、卸载vue-cli 执行命令:npm uninstall vue-cli -g 或者 npm uni vue-cli -g 检查vue-cli卸载成功没 执行命令:vue -V 出现‘vue’不是内部或外部命令,也不是可

npm

npm install 失败

wkpsun wkpsun 发表于2024-04-15 浏览6879 评论0
一、问题: 从svn拉下来vue项目,执行install 失败 ,发现项目没有node_models 文件夹。 于是删除缓存重新执行一下   npm cache clean --force (这样还是没有用的话,删除package-lock.json再重新尝试一下) 还是不行提示 node版本太低,去官网下载最新版的node.js 用管理员权限安装(重要)。 顺便跟新下npm的版本 : 查看npm版本: npm -v 更新最新版 : npm install -g npm

npm

Vue3+Vite+Vant报错Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=xxxx

毕业设计 毕业设计 发表于2024-04-15 浏览5990 评论0
在使用 Vue3 + Vite + Vant 搭建移动端项目时报错 Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=xxxx’ 。 原因 在开发过程中Vue3的依赖版本有变更,直接使用的npm install下载新的版本,会导致node_modules下存在旧版本的缓存,从而影响了本地项目的启动编译。 解决方案 删除项目的 node_modules 文件夹,如果根目录存在 pac

npm

nodejs安装及环境配置详细教程(怎么安装nodejs和环境配置)

夏至未至 夏至未至 发表于2024-04-15 浏览5751 评论0
一、nodejs安装环境 本机系统:Windows 10 Pro(64位) Node.js : 14.17.5(64位) 二、安装Node.js步骤 《1》下载对应你系统的Node.js版本: https://nodejs.org/en/download/ 《2》选安装目录进行安装 《3》环境配置 《4》测试 三、nodejs安装前期准备 (1)进入官网下载地址 下载Node.js nodejs下载官网地址: Node.js 这里选择红线框里面的,长期支持的(long term

npm

node 14.19.0 版本成功解决:安装 node-sass 和 sass-loader 的过程及各 node 版本对应的 node-sass 版本号

百度用户23477 百度用户23477 发表于2024-04-15 浏览16596 评论0
1、node 版本、node-sass 版本及 sass-loader 版本查看: 其一、我的 node 版本查看: 在命令行输入查询命令:node -v 我的 node 版本为:v14.19.0其二、我的 node-sass 版本查看:"node-sass": "^4.14.1" 其三、我的 sass-loader 版本查看:"sass-loader": "^7.3.1" 2、node 版本与 node-sass 版本的对应关系: 其一、查看文档的地址:https://www.np

npm

VUEX的安装(vuex怎么安装)

水木年华 水木年华 发表于2024-04-15 浏览11844 评论0
记录一下自己安装vuex的过程及出现的问题和原因,如有错误,请各位大佬指正! vuex的安装 首先,vuex分3.x版本和4.x版本,分别对应vue2.0与3.0 也就是说,vue2.0只能安装vuex3.x版本,最高3.6.2,vue3.0才能装vuex4.x版本 vuex3.x版本的官网安装教程:安装 | Vuex vuex4.x版本的官网安装教程:安装 | Vuex 我使用的是npm,且为vue2.0版本,该环境安装流程应为: 1.npm install vuex --save

npm

Vue脚手架搭建以及创建Vue项目流程(使用vue脚手架创建项目)

神经蛙 神经蛙 发表于2024-04-15 浏览16274 评论0
VUE脚手架搭建流程 安装 Node.js(推荐一个网站:http://nodejs.cn/) 下载安装完成之后进行测试,记住安装位置 接下来配置环境变量 1.添加NODE_PATH的一个环境变量 2.在path中添加上这个变量,变量值为安装node.js的路径 node_cache和node_global是后面创建的文件夹,后面有讲到,创建的位置,我在这里放到了node.js文件夹下,也可以自定义文件夹路径 四个path分别代表:添加了NODE_PATH这个变量名