72.vue development tool node. JS and Build Tool Webpack

1. Concept

　　node. JS: A service platform that can run JavaScript, which can be used as a back-end program, except that its development language is JavaScript

(Typically, JavaScript runs in a browser, so the ability of JavaScript is limited to the permissions that the browser can give it.) For example, read and write local system files such operations, in general, the JavaScript code running in the browser does not have this permission to operate. What if we want to use JavaScript to write some programs that can run on the operating system and have the functionality of a programming language like Php,java? Node. JS solves this problem. node. JS is a server-side JavaScript runtime environment that enables you to write standalone programs with JavaScript through node. js. ）

　Npm:node.js Package Manager, the equivalent of a python pip

( traditional development, jquery.js are mostly Baidu search, then go to the official website to download, or directly into the CDN resources, this method is too cumbersome. If you encounter other packages in the future and the package has dependencies on the other packages, it will be very difficult for us to introduce a package into our own project. Now that we have NPM, this package manager can be introduced directly through the npm install XXX package name, such as npm install Vue, which automatically imports the package under the current project folder. and NPM automatically downloads the other packages that the Vue package relies on )

　　Webpack: A front-end packaging and build tool

　　(Because a single-page application uses a lot of footage, if each of the footage is introduced in the HTML with the SRC attribute or link, then when requesting a page, it is possible for the browser to initiate more than 10 requests, often the requested resources are some script code or a small picture, the resources themselves are only a few K , the download is not required for 1 seconds, but because HTTP is the application layer protocol, its lower layer is the TCP Transport layer protocol, the TCP handshake and wave process may take longer than the download resources themselves, so need to package these small files into a file, so long as a TCP handshake and wave process, A number of resources to download down, and multiple resources because all are sharing an HTTP request, so the head and other parts are also shared, equivalent to form a scale effect, so that the page display faster, user experience better. ）

　　Vue-cli:vue.js's scaffolding tools. The plain is an automatic help you to build a good project directory, configuration of Webpack, as well as a variety of dependent package tools, through the NPM install vue-cli-g installation,-G for the global installation

72.vue development tool node. JS and Build Tool Webpack