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环境去运行

.