Que*_*zel 8 javascript angularjs sublimetext2 sublimetext3
我已经使用了2个月的崇高文本,到目前为止我真的很喜欢它.但是,我开始在我的webapps上实现角度设计材料,并且我有一个缩进过程的问题:它没有很好地缩进和混乱结构.我在帖子的底部放了一个截图.
仅供参考我没有安装缩进或HTML语法相关的包,我没有更改默认的缩进首选项.
当我从我的代码中取出所有角度材料设计元素时,它运行良好但是只要我添加一个<md-x></md-x>标签,它就会疯狂.
代码运行得非常好,但是以这种方式编码真的很难.
我已经尝试了一个干净的安装sublime文本2没有包或根本没有更改它仍然无法正常工作.(我使用sublime text 3进行日常编码).
所以我的问题是,我该如何解决这个问题呢？
在此先感谢您,祝您度过愉快的一天!;)
PS:以下代码是来自https://material.angularjs.org/#/getting-started的复制粘贴,重新格式化了我的崇高文本3缩进过程中的仇恨.
<html lang="en" ng-app="StarterApp">
<head>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/0.7.0/angular-material.min.css">
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body layout="column" ng-controller="AppCtrl">
<header>
<md-toolbar layout="row">
<button ng-click="toggleSidenav('left')" hide-gt-sm class="menuBtn">
<span class="visuallyhidden">Menu</span>
</button>
<h1>Hello World</h1>
</md-toolbar>
</header>
<div layout="row" flex>
<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$media('gt-sm')">
</md-sidenav>
<div layout="column" flex md-theme="green" id="content">
<md-content layout="column" flex class="md-padding">
<h2></h2>
</md-content>
</div>
</div>
<!-- Angular Material Dependencies -->
<script src="//cdn.jsdelivr.net/hammerjs/2.0.4/hammer.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angular_material/0.7.0/angular-material.min.js"></script>
<script src="js.js"></script>
</body>
</html>
您可以创建一个快捷键来缩进代码。要添加快捷键，您需要选择选项Preferences -> Key Bindings - user并添加以下行。
{ "keys": ["f5"], "command": "reindent"}
现在只需在代码中按 Ctrl+A 并按 f5 键即可。您的代码将正确缩进。您也可以添加其他键来代替 f5。
另外，为了在 sublime 上更好地体验 AngularJS，您可以添加以下插件。 https://github.com/angular-ui/AngularJS-sublime-package
| 归档时间： |
|
| 查看次数： |
1203 次 |
| 最近记录： |