配置NODEJS环境变量步骤：一.下载Nodejs并安装1在Nodejs文件夹下新建文件夹node_global和node_cache2在node_globa文件夹下新建文件夹命名位node_modules二.打开环境变量1修改用户变量的path,删除npm默认路径，修改为node_global的路径2在系统变量下新建变量名为NODE_PATH 路径为node_modules的绝对路径3
转载
2024-03-23 12:35:08
135阅读
刚刚帮一位同学解决在电脑上安装了vue脚手架及安装element ui。 原本以为很简单的，但每一走一步就遇见一个bug，和他找了快3个小时bug，好在问题都解决了。一，首先下载node 点击：二：node配置安装 如果在安装时已经加入到系统路径就不用了，如果没有就要加 运行 node -v npm -v 显示版本信息，就说明没有问题了。否则(执行下面的步骤） cmd：where node 显示安
Vue node安装一、安装node 打开官网下载链接:https://nodejs.org/en/download/ 下载完成后，双击，即开始安装Node.js 修改好自己安装的路径 其他都默认就可以 Node.js安装完成，可以先进行下简单的测试安装是否成功了，检查node安装是否成功，在git/cmd 工具中输入node -v查看 出现版本号就安装成功 二、安装npm npm一般随node一
转载
2024-03-27 19:58:51
800阅读
目录一、Node.js安装和配置 二、安装vue及脚手架 三、安装vue-cli 3.xVUE：安装npm install报错Module build failed: Error: ENOENT: no such file or directory, scandir报错信息如下：解决方法如下： 重新执行 npm rebuild node-sass最后解决启动成功：查看
转载
2024-08-19 09:52:34
93阅读
Vuex里的modules在一个大型单页面项目中，当共享的数据足够多时，所有的共享数据全部放在store/index.js文件夹里非常的冗余，可能有成百上千行代码，寻找起来很不方便。 在store文件夹里创建一个modules的文件夹，里面随意创建一个对应模块语义化的.js文件(如test.js)，然后export输出这样这个文件夹就成了一个模块，再在原先的ind
1、安装node.js直接百度搜索或者在其中文官网也可以下载http://nodejs.cn/download/ ，在安装完node之后npm包管理工具也自动的安装好，安装完之后，在命令行输入node -v或者npm -v，出现版本号说明安装成功。如下图所示： 2、改变原有的环境变量(1)配置npm的全局模块的存放路径以及cache的路径，在nodejs的主目录下新建"node
转载
2024-04-28 06:54:46
625阅读
一、node.js安装以及环境配置1、下载vue.js下载地址：https://nodejs.org/en/ 2、安装node.js下载完成后，双击安装包开始安装。安装地址最好换成自己指定的地址。 这一步根据自己的需要进行选择，我这里就选的是第一个。网上有些教程说要选中第4个，我这里是要后期需要更换全局模块所在的路径，以及缓存cache的路径的，所以在后期需要自己重新配置环境变
转载
2024-07-29 22:47:56
636阅读
Vue CLI的安装在安装脚手架前，要先确认有node环境，确保node版本在10以上（vue官方文档说的，可以看往下的截图）如果还没安装的小伙伴直接去node官网下载就好，步骤很简单，看菜鸟的安装步骤，不同类型的电脑都有介绍，一般直接默认选择第一个就可以，如果不会配置环境变量的小伙伴可以选择自动配置：Add to PATH，但是可能会在后续产生一些错误，所以不推荐，还是建议自己去配置环境！！！！
转载
2024-06-29 17:30:26
220阅读
下载node.jsnode.js官网下载最新版的node.js windows64位msi安装程序下载完之后运行直接next下一步选择完安装位置，直接一路默认安装测试安装是否成功node -v
npm -v12安装vue-cli，下载全局Vuenpm install --global vue-cli1安装完之后测试vue -V1小tips：
更换npm的下载源：npm config set reg
转载
2024-08-07 12:59:32
58阅读
由于store对象通常只有一个，当数据很多都需要放到store对象，会显得store特别臃肿，因此引入了modules属性帮助我们将store对象进行模块划分 当我们在modules中的定义module的时候，最终是会被加入到根的state里面的，即模块会被作为根state的一个变量，在取modul
转载
2021-04-10 17:51:00
181阅读
vue优化总结一、vue页面优化1、路由懒加载2、组件懒加载3、图片懒加载4、V-IF和V-SHOW的区别使用5、禁用行内样式6、提取公共代码7、npm包改成cdn引用8、computed和watch区分9、v-for避免同时使用v-if10、减少页面接口请求个数11、减少data中非必要参数个数12、第三方插件按需引入13、v-for中，设置唯一key值14、首屏加载慢，优先引入骨架屏二、we
文章目录一、安装Vuex依赖二、一步步封装store1. main.js中全局引入store仓库（下一步创建）2. this.$store3. this.$store.state4. this.$store.getters（this. $store.state的升级）5. this.$store.commit('mutations')6. this.$store.dispatch('action
我们知道，组件是Vue体系的核心，熟练使用组件是掌握Vue进行开发的基础。回顾深入剖析Vue源码 - 组件基础小节，我们深入了解了Vue组件注册到使用渲染的完整流程。这一节我们会在上一节的基础上介绍组件的两个高级用法：异步组件和函数式组件。6.1 异步组件6.1.1 使用场景Vue作为单页面应用遇到最棘手的问题便是首屏加载时间的问题，最终打包的脚本文件会包含所有业务和非业务的代码，文件过大便是造成
环境准备Node.js的安装和配置从Node官网下载Node最新版，开发平台为windows ； Node的安装比较简单，一路Next就可以完成Node.js的安装(安装的时候将add to path勾上就可以了)；这里我的Node.js安装目录为：E:\nodeJS；至此Node.js已经安装完成，测试一下看看是否安装成功； 在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口，输入
转载
2024-06-29 16:40:59
143阅读
VUE-Store引言Store(仓库)的概念引向于VUEX的应用中，store基本上就是一个容器，它包含着你的应用中大部分的状态。vue的状态存储是响应式的，当vue组件从store中读取状态的时候，若store的状态发生变化，那么相应的组件也会相应的高效更新。并且不能直接的改变store中的状态，改变store中的状态的唯一途径就是显式的提交，这样使得我们可以方便的追踪每一个状态的变化。我们通
转载
2024-03-26 06:42:44
4331阅读
在web开发中，我们得使用到js（es6）、css、html等技术，需要对资源文件管理，例如图片，同时还需要对性能、热加载等进行处理；这些功能都是可以在webpack中进行配置管理的，下面具体介绍说明。1、devServer:在我们开发中能够自动使我们的代码即时起作用，自动帮我们刷新页面，启动服务器后能够自动打开页面，就是使用了devServer，devServer只会在内存中打包，不会进行任何
vuex 包含有五个基本的对象：state：存储状态。也就是变量；getters：派生状态。也就是set、get中的get，有两个可选参数：state、getters分别可以获取state中的变量和其他的getters。外部调用方式：store.getters.personInfo()。就和vue的computed差不多；mutations：提交状态修改。也就是set、get中的set，这是vue
Vue作为前端目前最受欢迎的框架，成为了众多公司和程序员的技术首选。我最近可能也要准备面试了，所以找了一些资料整合一下谈一下你对MVVM原理的理解M - Model，Model 代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑V - View，View 代表 UI 组件，它负责将数据模型转化为 UI 展现出来VM - Vie
一、vue的两种安装方式（1）直接在html中引入vue.js （2）通过vue+nodeJS搭建 我们采用的是第二种方式二、vue和nodeJS的关系（1）nodeJS不是一个js框架，是一个基于Chrome V8引擎的javascript运行环境，所以会产生众多基于node的js框架和库，同时包括关于js模块化的库。另一个就是node可以创建本地服务器，从而可以使用js来编写后台程序。 （2）
转载
2024-10-08 20:50:15
100阅读
Vue实战购物车案例帮你更快理解Vue的使用，小白必练
Vue实战-购物车案例普通购物车实现的功能：添加商品到购物车，计算总价<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车</t
