vue node webpack

vue目录说明

1. package.json与package-lock.json文件的作用
   package.json文件记录你项目中所需要的所有模块。当你执行npm install的时候，node会先从package.json文件中读取所有dependencies信息，然后根据dependencies中的信息与node_modules中的模块进行对比，没有的直接下载，已有的检查更新（最新版本的nodejs不会更新，因为有package-lock.json文件，下面再说）。另外，package.json文件只记录你通过npm install方式安装的模块信息，而这些模块所依赖的其他子模块的信息不会记录。
   package-lock.json文件锁定所有模块的版本号，包括主模块和所有依赖子模块。当你执行npm install的时候，node从package.json文件读取模块名称，从package-lock.json文件中获取版本号，然后进行下载或者更新。
   附：当package.json与package-lock.json都不存在，执行"npm install"时，node会重新生成package-lock.json文件，然后把node_modules中的模块信息全部记入package-lock.json文件，但不会生成package.json文件，此时，你可以通过"npm init --yes"来生成package.json文件
2. npm install 、npm install --save 和 npm install --save-dev的区别
   三者都会本地安装包到项目的node_modules目录中
   区别在于对项目package.json的修改，npm install不会修改package.json，而后两者会将依赖添加进package.json
   –save 和–save-dev下载标签
   他们表面上的区别是–save 会把依赖包名称添加到 package.json 文件 dependencies 键下，–save-dev 则添加到 package.json 文件 devDependencies 键下.
   dependencies是运行时依赖，devDependencies是开发时的依赖。
   补充：正常使用npm install时，会下载dependencies和devDependencies中的模块，当使用npm install --production或者注明NODE_ENV变量值为production时，只会下载dependencies中的模块。

node.js 与vue的关系

1. nodejs是js运行时，运行环境，类比java中jvm，Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。
   1> 使用node开发还可以使用node自有配套的npm包管理工具：
   NPM是随同NodeJS一起安装的包管理工具
2. 首先vue.js 是库，不是框架，不是框架，不是框架。
   1> Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。
   2> Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
   3> 使用Vue.js开发的前端项目如何部署？我们用到node.js中的程序打包工具比如webpack（node.js中的程序部署打包工具），可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理，让前端开发更爽。

webpack

1. npm install webpack webpack-cli –g
   webpack可以把 通过模块化开发的项目 打包为简洁版的浏览器可识别的静态资源,webpack是基于 Node.js的前端项目部署打包工具,webpack就是将你从npm中安装的包打包成更小的浏览器可读的静态资源。