vue目录说明
- 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文件 - 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的关系
- nodejs是js运行时,运行环境,类比java中jvm,Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。
1> 使用node开发还可以使用node自有配套的npm包管理工具:
NPM是随同NodeJS一起安装的包管理工具 - 首先vue.js 是库,不是框架,不是框架,不是框架。
1> Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。
2> Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
3> 使用Vue.js开发的前端项目如何部署?我们用到node.js中的程序打包工具比如webpack(node.js中的程序部署打包工具),可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理,让前端开发更爽。
webpack
- npm install webpack webpack-cli –g
webpack可以把 通过模块化开发的项目 打包为简洁版的浏览器可识别的静态资源,webpack是基于 Node.js的前端项目部署打包工具,webpack就是将你从npm中安装的包打包成更小的浏览器可读的静态资源。