vue与node和npm关系

（1）node功能

准确的说是使用vue-cli 脚手架搭建项目的时候需要nodejs。也可以用script标签引入vue.min.js这样的，在js里实例化vue也行。

使用node有几件事，打包部署，解析vue单文件组件，解析每个vue模块，拼在一起，转码es6，less，等，启动测试服务器localhost8080, 帮助管理 vue-router，vue-resource这些插件，直接拿来用。

也就这些好处，这都是所谓前端工程化，也是前端发展趋势，掌握这些东西也能提升身价。

（2）webpack

webpack能够把.vue后缀名的文件打包成浏览器能够识别的js，而这个.vue文件装换需要打包器vue-loader→npm下载→node包管理工具

Vue.js可以在html里引用，使用npm引入是方便包管理。等到应用需要的库和框架多起来后，一个个从html里引入就不方便了。所以用到打包工具比如webpack，可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理，让前端开发更爽。最后Vue.js是数据驱动，和JQuery思路不同，你几乎不需要自己进行复杂低效的dom操作，开发简介明了。

（3）关系梳理

webpack能够把.vue后缀名的文件打包成浏览器能够识别的js，而这个.vue文件装换需要打包器vue-loader

这个vue-loader打包器是可以从npm上面下载（npm上面有很多资源包），npm下载文件之后，webpack打包文件的时需要node环境去运行

转载于:https://www.cnblogs.com/jianxian/p/10734204.html

vue与node和npm关系相关推荐

Vue nvm重装node和npm与vue3报错Emitted ‘error‘ event on ChildProcess instance at errno: -4058
Vue nvm重装node和npm与vue3报错Emitted 'error' event on ChildProcess instance at errno: -4058 昨天运行的项目,一直报错, ...
node和npm的关系，node和npm的关联
我们安装了node之后: 你可以发现:node -v 或者npm -v可以查看到node和npm的两个版本,这是为什么呢?二者又有什么关系一.npm是什么当一个网站依赖的js代码越来越多,程序员发 ...
Windows下安装node.js(npm) git+vue
Windows下安装git+node.js+npm+vue 放到统一大文件夹下下载node.js http://nodejs.cn/ npm是随同NodeJS一起安装的包管理工具,能解决NodeJS ...
windows安装vue脚手架(vue-cli)及vue ui无反应,npm i -g @vue/cli报错解决方案
首先去node.js官网下载系统对应的node.js版本. 安装完成之后,在命令行下,输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功. 安装全局的cli.在命 ...
总结Vue中index.html、main.js、App.vue、index.js之间关系以及Vue项目加载流程
总结Vue中index.html.main.js.App.vue.index.js之间关系以及Vue项目加载流程文章目录总结Vue中index.html.main.js.App.vue.index ...
node与npm版本对应关系以及使用nvm管理node版本
一,node与npm版本对应关系官网链接:https://nodejs.org/zh-cn/download/releases/ 二,nvm下载和安装 nvm-setup最新版.rar 百度网盘链 ...
Node 开发npm脚手架（类似vue-cli）
Node 开发npm脚手架(类似vue-cli) npm install tengyu-cli -g 源码已经上传码云:https://gitee.com/bingtengaoyu/tengyu_cl ...
node.jshe npm的区别
node.jshe npm的区别@杂记 node.js是javascript的一种运行环境. 是对Google V8引擎进行的封装.是一个服务器端的javascript的解释器. 包含关系,nodej ...
【前端Vue+后端Node.js+MySql】部署到服务器
[前端Vue+后端Node.js+MySql]部署到服务器文章目录 [前端Vue+后端Node.js+MySql]部署到服务器 1.买服务器 2.服务器操作 2.1.修改服务器密码,xshell登录 ...

vue与node和npm关系

vue与node和npm关系相关推荐

最新文章

热门文章