The essential difference between
1.angularjs and angular7 is that angularjs can be directly introduced into < script src= "" > in html, but angular7 cannot be used through introduction. You must use the tool angular-cli to build a project.
2.angular-cli is a tool developed based on the nodejs environment. This tool is specially generated. The
3.angular7 needed to build angular7 needs to be started in nodejs environment. The current three front-end frameworks vue/react/angular7 are run based on nodejs. This greatly facilitates the separation of front and background, that is, a project at the front end and a project at the back end have no connection at all except for the call to http.
4. Why does vue/react/angular7 run based on nodejs? here leads to a packaging mechanism, because the current front-end three frameworks need to compress the code to compress js, to convert various types of things into things that browsers can understand. Here are several commands npm run build, see, npm,npm is the package manager of nodejs. When you are packaged, you will generate compressed index.html and various js, for direct deployment.
5.npm is nodejs. What is build? you can check out the front-end packaging tool. Webpack, is widely used by people, while angular/vue/react packages front-end applications by configuring or rewriting webpack
6. To give you a learning route, nodejs's package.json- > webpack- > typescript- > angular7
is actually quite simple. AngularJS and angular are two different versions of the same framework.
1. Official noun classification: rename the old angular, which is the 1.x version, as AngularJs, and the new version above 2.x as Angular.
2. Industry noun classification: the angular2 refers to the official new Angular, is a general term with version number 2.x or above; the title of angular1 and angular2 can not only be understood as the version number, but only the distinction between the new and the old.
3.Angular 2.x + currently includes versions 2, 4, 5, 6 and 7, and the official version number is not 3 (I don't know why). The reason they are collectively called angular2 is that the design ideas of these later versions of the framework are completely different from those of angular1, and they are also greatly rewritten in terms of the organization of documents and the plug-in of packages. Versions after 2.x are consistent in core concepts, but more and more features are supported in the future, without core changes. Therefore, the upgrade of 1-> 2 will cause the cost of application reconfiguration, and the upgrade of 2 or more can only support the optimization or deletion of api and new features, and will not cause any catastrophic consequences to the application. The new angular official equipped with TS syntax to write is necessary, used to support type checking, can be understood as an extension of js, the use of api is basically no difference, angular1 does not require this cooperation, but any framework can be developed with ts.
angular-cli is a set of command line tools used to quickly build scaffolding for angular projects. In development, you use command line to quickly create files and carry out relationships between modules. Without it, these things have to be done manually. It is a tool to improve development efficiency and allows us to focus more on business logic. Of course, it is not necessary for development.
if you are a novice, you can learn directly from the latest angular tutorial. The core concepts of version 2.x + and above are consistent. From the latest study, you can ensure that what you have is the most comprehensive and up-to-date knowledge, and can be put into production perfectly. If you have a special love for web technology, you can also supplement the framework of angular1 when you are free. Some framework design ideas can be used for reference, which is helpful for you to improve js and design patterns.
Don't learn angularjs, just learn angular2+,. Now the latest version is angular6.1.6. The
augular-cli value creates scaffolding for angular2+.
angular-cli: is similar to vue-cli 's scaffolding tool and is used to quickly build projects; an upgraded version of
angular2:angularJS can be understood as a subversive upgrade;