正在尝试让AngularJS/SCSS代码笔在本地运行.

Trying to get an AngularJS / SCSS codepen to run locally...?

本文关键字：代码 运行 SCSS AngularJS      更新时间：2023-09-26

这是代码笔：http://codepen.io/jjmartucci/pen/DlCmy

我在用Brackets。我将CSS复制粘贴到style.CSS中，将JS复制粘贴到init.JS中，将HTML部分复制粘贴到index.HTML的主体中。。。我还修改了我的HTML文档的标题，说：

    <head>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="js/init.js"></script>

    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-scenario.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-mocks.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.js"></script>
</head>

我仍在努力让它继续下去。CSS似乎在工作，但功能却一团糟。有什么明显的步骤我遗漏了吗？

您加载了太多相同脚本的实例。你的init.js需要在你的第三方图书馆之后。

试试这个：

<head>
    <!-- style -->
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <!-- libs -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-scenario.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-mocks.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.min.js"></script>
    <!-- app -->
    <script src="js/init.js"></script>
</head>

从codepen复制javascript时，可能会在编译coffeescript时添加一些添加检查。所以只要使用http://js2.coffee/为了将coffeescript转换为javascript预览，您可以在自己的代码中使用它。希望这能解决javascript问题。

相关文章：