前言： webpack 是目前最为流行的前端构建工具。同时在前端工程化中，Webpack在开发/编译/构建中都起到了最关键的作用。所以在当下阶段，webpack的基本配置，是每一个前端程序员应当掌握的基本技能。 webpack 虽然非常火热，但后起之秀 rollup 却慢慢地蚕食着 webpack 的市场,但是为什么还要用rollup呢？如果我们只是写一个 JavaScript 工具或者库，并不需要打包 image、css，也不需要代码拆分等特性，使用 webpack 未免太过...
# React## React 和 vue- React 和 vue 同属MVVM框架 - M:model - V:VIEW - VIEWMODEL- React 全部是在js中定义的，不象vue将文件拆分为3部分。- react 不存在模板的说法## 虚拟DOM- 概念 - DOM是浏览器提高的API数量相对固定，扩展比较难 - 虚拟DOM：用js对象表现出DOM的内容以及层级系，可以自定义api,通过特定的方式渲染到页面中。- 原理 - 按需更新，重新渲染- diff算法 - 逐层对比新旧dom树，所有节点对比完毕后，就能...
一、环境node.js下载安装后$ node -v
v12.14.1$ npm -v
6.13.4//安装cnpm 使用淘宝镜像
npm install -g cnpm --registery=https://registry.npm.taobao.org二、使用方式2.1 多页面引入vue使用官网cdn vue.jshttps://cn.vuejs.org/v2/guide/#%E8%B5%B7%E6%AD%A5npm安装vue,使用本地vue.jscnpm install vue --save 2.2 vue-cli构建spa应用cnpm i -g vue-cli//构建简单 或者 完整demo实例
vue init webpack-simple demo 或 vue init w...
今天在用git bash进行全局安装vue-cli的时候，报错：必须以管理员权限进行安装才行。所以用cmd命令工具，点击右键命令提示符cmd--------以管理员身份运行--------cd进入到项目----执行npm install即可。原文：https://www.cnblogs.com/tangjiao/p/9004624.html
nodejs安装配置1.下载地址：https://nodejs.org/en/2.默认安装 安装完成后，执行npm -v 出现版本号则表示安装成功。3.配置在node安装目录下新建两个文件夹node_global和node_cache配置npm全局模块的存放路径以及cache的存放路径，执行如下命令：npm config set prefix "D:\Program Files\nodejs\node_global"npm config set prefix "D:\Program Files\nodejs\node_cache"配置环境变量，增加变量NODE_PATH D:\Program Files\n...
Node环境直接下载.msi可能会更省事，一步步安装就行了。1、下载安装包，中文网http://nodejs.cn/download/2、把安装包解压到要安装的目录3、在安装根目录下新建两个目录node_global :npm全局安装位置node_cache：npm 缓存路径4、置NPM全局模块路径和cache默认安装位置在解压缩包当前目录里打开cmd窗口：shift+鼠标右键----->打开命令窗口，否则是没有npm命令的./npm config set cache "D:\node-v14.16.0\node_cache"./npm config s...
npm install -g vue //全局安装vue
npm install -g webpack //全局安装webpack
npm install -g vue-cli //全局安装vue-cli
//可用淘宝镜像 npm=》cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org生成项目vue init webpack my-first-vue-project //生成项目名为my-first-vue-project的模板了解vue与webpack的关系 学习vue装好项目后cd my-first-vue-project //进入目录npm install //下载所需要...
1.安装node和npm因为node已经有npm，所以直接安装node，配置环境变量官网地址：http://nodejs.cn/download/2.查看node是否安装成功，输入名nde -v3.为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。4.安装vue脚手架vue-clicnpm install --global vue-cli
5.进入项目目录创建...
新建?个基于ts的vue项? * vue create xxx* 项目选项勾选上typescript
在已存在项?中安装typescript vue add @vue/typescript
原文：https://www.cnblogs.com/xueping0708/p/13402263.html
一.环境搭建1.安装node官网下载node.js, https://nodejs.org/en/download/ 2.安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org3.安装vue项目脚手架cnpm install -g @vue/cli4.在2或3终端安装失败时，可以清空 npm缓存 再重复执行失败的步骤npm cache clean --force二、项目的创建1.在cmd运行下进入想要创建项目的文件下>: cd ***2.创建项目vue create 项目名3.项目初始化1.选择第二个选项Manually，手动...
在前后端分离开发模式下，前端项目通常在项目构建初期需要使用假数据以及相应的http请求来进行辅助开发，例如在后端接口还没开发好下，我们可以模拟http请求以及数据来进行前端的axios封装,接口设计，对http状态码处理等。前端模拟数据的方法有许多种，假如你熟悉node.js以及express框架，你可以快速地构建一个后端服务器来进行辅助开发，我本人也比较喜欢这种方式，这种方法在我日后的文章将会有介绍。如果你不熟悉node也没关系，...
一、安装node和vue脚手架
1.下载node：http://nodejs.cn/download/双击安装，一路下一步到安装成功，打开cmd，执行node -v，出现版本号，则说明安装成功2.配置使用淘宝镜像：
npm的服务器在国外。那么可以安装一下cnpm，并且指定镜像为淘宝的镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org
以后就可以使用cnpm来安装包了3.安装脚手架：cnpm install -g @vue/cli查看版本号：vue -V
二、使用创建vue脚手架...
vue.js开发环境的搭建：首先安装vue.js，安装成功后分别安装npm包管理器、模块、webpack以及vue脚手架；全部安装好后开始初始化Vue环境以及安装项目依赖，到这儿Vue开发环境就搭建好了【推荐教程：Vue.js教程】环境准备Node.js Javascript的运行时环境npm Node.js下的包管理工具webpack 前端资源模块化管理和打包工具vue-cli 脚手架构建工具cnpm npm的淘宝镜像Vue.js安装1. Node.js的安装非常容易，首先从官网下载你所需操作系统的...
这篇文章主要介绍了关于vue2.0中rem的运行环境搭建的过程，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下1.下载lib-flexible文件 npm install lib-flexible --save 2.引入lib-flexible文件 import lib-flexible3.安装px2rem #. npm i postcss-px2rem --save #. npm install px2rem-loader --save4.配置build目录下vue-loader.conf.js postcss:[require(postcss-px2rem)({remUnit:75,baseDpr:2})...
本文主要和大家分享vue.js、element-ui、vuex环境搭建实例，本文主要以图文实例和代码分享，希望能帮助到大家。一、初始化项目vue init webpack <project-name>二、初始化依赖包npm install三、运行调试npm run dev地址栏输入localhost:8080四、导入elementUI包npm install --save vue element-ui五、导入vue-router包npm install --save vue-router六、导入axios包npminstall --save axios七、安装sass-loader以及node-sass插件np...
