Vue中nodejs、npm、cnmp和webpack的关系

简介: vue更新完前端代码不用刷新页面直接出结果,贼舒服;

    Vue是一套用于构建用户界面的渐进式框架,使用vue开发大型应用需要使用webpack打包工具,,webpack基于node.js环境运行,首先得安装node,就如你开发java要装maven一样,那你得有个npm包管理工具吧,npm默认会去国外的镜像下载js包,如同你登录github一样慢,那你哪能受得了,那你得安装一个cnmp(淘宝镜像)来加快下载速度,之后你才能装webpack,装完之后你要开发代码,每次改完代码还要重启,那你哪能受得了,你得装个热部署webpack-dev-server服务器,使用webpack-dev-server需要安装webpack、 webpack-dev-server和 html-webpack-plugin三个包,装完后想达到目的,你得在项目目录下创建 webpack.config.js配置文件,在此文件中配置应用的入口文件、输出配置、插件等,其中要实现热加载自动刷新功能需要配置html-webpack-plugin插件。启动项目只需执行npm run dev指令。


vue更新完前端代码不用刷新页面直接出结果,贼舒服;


目录
相关文章
|
1月前
|
网络安全 计算机视觉
【node】 npm install 报错:code 128
【node】 npm install 报错:code 128
39 1
|
2月前
|
JavaScript Linux 数据安全/隐私保护
node内网安装npm私服以及依赖包上传发布verdaccio
node内网安装npm私服以及依赖包上传发布verdaccio
95 1
|
3月前
|
资源调度 JavaScript
nodeJS 的 npm 设置国内高速镜像之淘宝镜像的方法
nodeJS 的 npm 设置国内高速镜像之淘宝镜像的方法
2002 2
|
2月前
|
JavaScript 内存技术
node与npm版本对应关系以及使用nvm管理node版本
node与npm版本对应关系以及使用nvm管理node版本
371 0
|
3天前
|
资源调度 JavaScript Linux
nvm, node.js, npm, yarn 安装配置
nvm, node.js, npm, yarn 安装配置
21 1
|
1天前
|
JavaScript
vue启动报错解决Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.
vue启动报错解决Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.
|
1天前
node node-sass sass-loader版本对应问题,对于npm编译大家经常遇到这个问题
node node-sass sass-loader版本对应问题,对于npm编译大家经常遇到这个问题
|
1天前
|
JavaScript
npm install没问题,但npm run dev的时候报Node Sass version 6.0.1 is incompatible with ^4.0.0 ^5.0.0
npm install没问题,但npm run dev的时候报Node Sass version 6.0.1 is incompatible with ^4.0.0 ^5.0.0
|
4天前
|
缓存 JavaScript 前端开发
深入剖析NPM: Node包管理器的介绍和使用指南
深入剖析NPM: Node包管理器的介绍和使用指南
10 0
|
12天前
|
JavaScript 前端开发 开发者
Node.js的包管理和npm工具深度解析
【4月更文挑战第30天】本文深入解析Node.js的包管理和npm工具。包管理促进代码复用和社区协作,包包含元数据描述文件`package.json`和入口文件。npm提供搜索、安装、发布等功能,通过命令行进行操作,如`install`、`search`、`uninstall`。npm支持版本控制、全局安装、脚本定义及私有仓库。理解和熟练运用npm能提升Node.js开发效率。

推荐镜像

更多