angularjs脚手架cli-angularjs安装问题解决

JavaScript023

angularjs脚手架cli-angularjs安装问题解决,第1张

    安装cli-angularjs的过程出现命令无法执行，其原因是cli-angular自带的webpack-cli版本过低，解决的办法是：

1. 全局安装webpack-cli: npm install -g webpack-cli

2. 将安装webpack-cli后对应的文件夹拷贝到指定目录

    拷贝源:C:\Users\xxxxxx\AppData\Roaming\npm\node_modules\webpack-cli

    拷贝目的：C:\Users\xxxxxx\AppData\Roaming\npm\node_modules\cli-angularjs\node_modules\webpack-cli

    其中xxxxxx为各自的计算机用户名

碎碎念：我有时候真的觉得angular要学的东西真的太多了。。。哭

第一步：我们一般会把js文件放到assets里面，如下

第二步：找到angular.json文件,配置js文件

其实我们也可以集中声明，否则每个页面都引用，看起来乱糟糟的

可以创建一个declare.d.ts的文件

文件的内容就是上面第三步的内容

然后在angular.json的assets数组里面引入declare.d.ts文件。这样就可以使用啦。

1、将angularjs所需的.js文件复制到WebContent下

2、在网页中使用<script src="angular-1.1.0.min.js"></script>导入js文件即可

AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

AngularJS 是一个为动态WEB应用设计的结构框架。它能让使用HTML作为模板语言，通过扩展HTML的语法，能更清楚、简洁地构建应用组件。它的创新点在于，利用 数据绑定 和 依赖注入，它使用户不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完美地和任何服务器端技术结合。