স্কিয়ার-মোডটি কীভাবে ব্যবহার করবেন?

19

আমি বর্তমানে ইমাসে স্কেয়ার-মোড ব্যবহার করতে লড়াই করছি।

আমি মেলপা মাধ্যমে স্কিয়ার-মোড ডাউনলোড এবং ইনস্টল করেছি, তাই সমস্ত নির্ভরতা অন্তর্ভুক্ত হওয়া উচিত।

পরীক্ষার উদ্দেশ্যে আমি boidsjs ডেমোটি ডাউনলোডও করেছিলাম ।

আমি খুলব boids.js, তারপরে টাইপ করুন M-xrun-skewer(ইউআরএল দিয়ে ব্রাউজারটি খুলবে http://127.0.0.1:8080/skewer/demo) এবং তারপরে অবশেষে চালানো M-xskewer-mode(-> স্কুয়ার-মোড সক্ষম)।

তবে ব্রাউজারে কিছুই হয় না।

আমি কি ভুল করছি?

package skewer-mode javascript

— JacksGT
সূত্র

আমি এটি বুঝতে পারছি, স্কুয়ার জাভাস্ক্রিপ্টের মূল্যায়নের জন্য একটি ইন্টারফেস সরবরাহ করে ... আপনি কি বাফারের সামগ্রীর মূল্যায়ন করবেন boids.js?

— টি ভেরন

আমি বর্তমান বাফারটি <kbd> Cx Ck </kbd> ("Boid.js বোঝা") দিয়ে লোড করছি এবং <kbd> সিক্স সিএ </ কেবিডি> দিয়ে মূল্যায়নের চেষ্টা করছি। তবে এটি আমাকে একটি ত্রুটি দেয় যা এটি "$" - চিহ্নটি পার্স করতে পারে না। কারণ এটি সংশ্লিষ্ট HTML ফাইল (উদাহরণ।

— Html

2

আপনার স্কেচার-এইচটিএমএল-মোডে এইচটিএমএল ফাইলটি খোলার প্রয়োজন।

— জর্ডন বিওনডো

কিভাবে? C-x C-kএতে কাজ করে নাskewer-html-mode

— জ্যাকজিটি

16

TLDR; আপনাকে HTTP সার্ভার ( সরল-http ) শুরু করতে হবে এবং এর মাধ্যমে আপনার HTML ফাইলগুলি লোড করতে হবে।

উদাহরণস্বরূপ, আসুন ধরা যাক আপনার নামের একটি এইচটিএমএল ফাইল এবং ফোল্ডারে hello.htmlএকটি জেএস স্ক্রিপ্ট ফাইল রয়েছে ।script.js/home/user/Documents/javascript

হ্যালো এইচটিএমএল :

<!doctype html>
<html>
<head>
    <!-- Include skewer.js as a script -->
    <script src="http://localhost:8080/skewer"></script>
    <!-- Include my script.js file -->
    <script src="script.js"></script>
</head>
<body>
    <p>Hello world</p>
</body>
</html>

স্ক্রিপ্ট.জেএস :

alert('hey!');

init.el (অথবা .emacs ):

(require 'simple-httpd)
;; set root folder for httpd server
(setq httpd-root "/home/user/Documents/javascript")

এটি সার্ভারটি শুরু করার সময়: M-x httpd-startএবং index.htmlব্রাউজারে গিয়ে ফাইলটি খুলুন http://localhost:8080/hello.html। আপনার ব্রাউজারে সতর্কতা পাওয়া উচিত এবং এখন কল করা উচিত skwer-repl।

আপনি Repl এর মাধ্যমে ব্রাউজারের সাথে আরও ইন্টারঅ্যাক্ট করতে পারেন। সুতরাং, Repl এ আপনি যা যা মূল্যায়ন করেন তা ব্রাউজারে সঞ্চারিত হবে। উদাহরণস্বরূপ আপনি যদি console.log('hey!')repl টাইপ করেন তবে আপনি এই বার্তাটি ব্রাউজারের কনসোলে পাবেন।

ইন্টারেক্টিভ পদ্ধতিতে এইচটিএমএল (Emacs থেকে যেমন লাইভ আপডেট এইচটিএমএল ট্যাগ) পরিবর্তন করতে চান, তাহলে আপনার যোগ init.el (অথবা .emacs ):

(add-hook 'html-mode-hook 'skewer-html-mode)

এখন আপনি যখন আপনার .html ফাইলে থাকবেন আপনি C-M-x( skewer-html-eval-tag) এর সাথে ট্যাগগুলি মূল্যায়ন করতে পারবেন এবং এগুলি অবিলম্বে আপনার ব্রাউজারে আপডেট করা হবে।

বিপরীতভাবে মনে রাখবেন, এটি সিএসএস এবং সিএসএস ফাইলগুলিতেও প্রযোজ্য।

— caisah
সূত্র

1

এটি সত্যিই দুর্দান্ত উত্তর, এটি পোস্ট করার জন্য ধন্যবাদ। সম্ভবত এটিরও মূল্য নেই যে আপনি যদি httpd-rootআপনার কনফিগারেশনে হার্ডকোড করতে না চান , আপনি M-x eval-expression (setq httpd-root "/path/to/files")যে কোনও সময় ইম্যাকের মধ্যে থেকে চালাতে পারেন ।

— কোডি রিচার্ট

অকেজো '\' উদাহরণ হিসাবে এইচটিএমএল <script src="http://localhost:8080/skewer"></script>\ (সম্পাদনা করতে পারে না - সম্পাদনাগুলি অবশ্যই> = 6 টি অক্ষর হতে পারে)

— কাই-ডিজে

8

ডেমো চালানোর পরিবর্তে, সবকিছু সঠিকভাবে কাজ করছে কিনা তা নিশ্চিত করার জন্য এই সর্বনিম্ন পদক্ষেপগুলি সম্পাদন করুন।

Myskewer.js নামের সাথে একটি নতুন বাফার খুলুন
জেএস 2-মোড সক্ষম করুন (স্কুয়ারের নির্ভরতা)
স্কুয়ার-মোড সক্ষম করুন
M-xrun-skewer (একটি ব্রাউজার খোলে, myskewer.js এ ফিরে যান)
টাইপ করুন alert("hello");এবং C-xC-eযে লাইনের শেষে হিট
ব্রাউজারে ফিরে যান।

আপনি পৃষ্ঠাতে একটি সতর্কতা বাক্স দেখতে হবে।

— Gambo
সূত্র

আপনার উত্তর করার জন্য আপনাকে ধন্যবাদ! দুর্ভাগ্যক্রমে, আমাকে ত্রুটিটি

— উত্সাহিত করা হয়েছে

দুঃখিত আমার ভুল. C-x C-eধাক্কা দেওয়ার জন্য আসল কীগুলি। আমার উত্তরটি সম্পাদনা করবে

— গ্যাম্বো

যে কাজ! তবে: আমি কীভাবে স্কেকারকে এইচটিএমএল লোড করতে বলি? (ডেমোতে প্রদর্শিত হিসাবে)

— জ্যাকজিটি

1

@ জ্যাকসজিটি আপনার ডাউনলোড করা ফাইলগুলিকে এই লিঙ্কে ~/public_htmlরেখে "ম্যানুয়াল সংস্করণ" র জন্য নির্দেশাবলী অনুসরণ করুন follow এটি হয়ে গেলে আপনার ব্রাউজারে লোকালহোস্ট: 8080 দেখুন ।

— গ্যাম্বো

1

ক্ষেত্রে পোর্ট 8080 ইতিমধ্যে ব্যবহারে রয়েছে :

আপনি httpd-portভেরিয়েবলটি কাস্টমাইজ করে অন্য বন্দরটি ব্যবহার করার জন্য স্কিকার / সিম্পল-httpd কনফিগার করতে পারেন । ( M-x customize-variable<ret>httpd-port)

— serv-Inc
সূত্র