前言为了统一组件风格和样式，也为了提高开发效率减少重复开发工作，形成自己的UI组件库是必须的，为了使用方便，我们要将它发布到npm上。1、NPM 介绍NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写
安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。OK！node环境已经安装完成，npm包管理器也有了。由于有些n
转载
2024-05-24 17:53:39
320阅读
一、使用之前，我们先来掌握3个东西是用来干什么的?npm: Nodejs下的包管理器。Node.js下载网址http://nodejs.cn/download/ webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础
转载
2024-03-06 15:39:38
119阅读
本来是需要按照提示依次切换到项目文件夹，再npm run dev 即可完成项目创建并启动的，但是又报了如下错误经过排查，发现整个项目文件夹下竟然没有node_modules文件（这个我也不知道什么原因），所以就想着应该是需要手动下载一下依赖吧运行npm run dev时提示webpack-dev-server不是内部或外部命令。原因是使用vue-cli创建的项目没有node_modules文件：具
转载
2024-01-14 13:33:20
84阅读
Vue在Windows系统下本地项目的安装与部署一、项目的前期准备1、node.js 的安装Vue项目通常通过webpack工具来构建，而webpack命令是依赖node.js开发环境的，所以首先要安装node.js。node.js的官方地址为：https://nodejs.org/en/download/，下载相应的版本。测试是否安装成功：在终端输入npm若显示npm相关命令则安装成功。2、cn
1、三个工具1.1 npm: Nodejs下的包管理器。1.2 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。1.3 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）2、
1.安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了。2.安装好后检查版本号：node -vnpm -v用以上命令查看版本信息； 如果版本号太低，使用 npm install npm -g 更新至最新；查看全局包位置：
C:\Users\Administrator>npm root -g
查看包的依赖关系 ：
C:\Users\Adminis
转载
2024-07-11 12:42:09
152阅读
之前的文章已经提到了，如何配置Vue的开发环境了，现在开始做一个简单的项目，主要就是介绍怎么使用组件、路由以及通信等，大家就不要吐槽UI和样式的问题。 这是我的src目录，component是放公用组件的，page是页面，static是放静态资源文件 首先先来看看main.js我们需要在这里引入我们需要用到的组件和库// The Vue build
谈到对目录的操作，需要涉及到对目录遍历，其实目录也是我们可以把它看成一颗树。树是一种非线性的数据结构，被用来存储具有层级关系的数据，还被用来存储有序列表，其中有一种特殊的树：二叉树。有一种特殊的二叉树叫二叉查找树(BST)，其他的特点是：相对较小的值保存在左节点中，较大的值保存在右节点中，因为这个特点使查找的效率特别高。遍历二叉查找树有三种方式:中序，先序和后序中序:按照节点上的键值
Vuex里的modules在一个大型单页面项目中，当共享的数据足够多时，所有的共享数据全部放在store/index.js文件夹里非常的冗余，可能有成百上千行代码，寻找起来很不方便。 在store文件夹里创建一个modules的文件夹，里面随意创建一个对应模块语义化的.js文件(如test.js)，然后export输出这样这个文件夹就成了一个模块，再在原先的ind
Java小白作为一个Java开发，种种前端技术令我很是懵，自己所有的前端只有jQuery ，但不得不说 node 的出生带来了一系列的变动，而我并没有接触过。个人学习整理的，有问题请指正npm 个人暂时理解为 nodejs package manager，主要就是管理nodejs的包，强行理解的话可以说是类似Maven仓库吧整体介绍个人来说的话最感兴趣的是electron 吧（写文章时还没用会），
转载
2024-03-20 16:40:23
231阅读
1. 上图就直接回车就OK 然后就进行下载 下载完成后在demo01文件夹就会出现下面这些信息就是创建完成了 进行测试 然后按ctrl+鼠标放在接口单击就会显示 ...
转载
2021-09-06 15:11:00
167阅读
2评论
目前，使用vue-cli脚手架写了一个前端项目，之前一直是使用npm run dev 在8080端口上进行本地调试。项目已经进行一半了，今天有时间突然想使用npm run build进行上线打包，试试能否成功看到我的项目效果。一开始是毫无头绪，什么都不懂，直接是就在命令行上敲下：npm run build命令。好开心啊，竟然没有报错。以为就这么简单的成功了，在浏览器上输入：http://local
转载
2024-06-28 08:53:04
711阅读
Vue实战购物车案例帮你更快理解Vue的使用，小白必练
Vue实战-购物车案例普通购物车实现的功能：添加商品到购物车，计算总价<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车</t
检查brew -v是否安装了homebrew这个macOS 缺失的软件包的管理器。如果安装，跳转到第3步，否则跳转到第二步；brew -v安装homebrew。安装跳转到官网指导。等待安装好之后，输入brew -v，如果出现版本号说明已经安装好：
原创
2022-02-11 11:01:29
195阅读
检查brew -v是否安装了homebrew这个macOS 缺失的软件包的管理器。如果安装，跳转到第3步，否则跳转到第二步；brew -v安装homebrew。安装跳转到官网指导。等待安装好之后，输入brew -v，如果出现版本号说明已经安装好：homebrew执行brew update更新homebrewbrew update执行命令行brew install nod...
原创
2021-06-18 15:16:51
339阅读
18.隐藏桌面上的所有图标
打开到：HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Policies/Explorer，在右边空白处单击鼠标右键，选择"新建"的"DWORD"，然后输入名字为"NoDesktop"，再双击它，修改NoDesktop为1表示生效，即没有桌面，0 则相
vuex 简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 通俗的来说，vuex是用于当某一状态需要在多个组件中共享，方便我们使用并追踪这些状态时使用。1，vuex的总体结构vuex的总体结构分为 modules下面的所有子模块和根模块（即全局状态） 这里我把rootState这个根模块
转载
2024-10-29 12:48:23
25阅读
当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。vue使用npm run build命令打包项目首先 命令行执行npm run build命令，命令需要在项目目录下执行C:\Use
原创
2022-11-19 06:44:37
4355阅读
❤ VUE3 项目具体配置（二）一、create-vue快速生成项目原理介绍： 前段时间我们有去探索了一下vue-cli、cra的原理，生成项目的过程，他是基于webpack的，但是今天我们的主角是create-vue，他是基于vite的，为什么要使用vite而不是webpack呢？因为vite比webpack快。如何用vite去初始化一个Vue3的项目npm init vue@latest
或者
转载
2024-06-25 08:57:00
66阅读
