ब्लॉकली पाएं

ब्लॉकली कोड पाने के कई तरीके हैं. साथ ही, इसे लोड करने के कई तरीके हैं एक बार तय किया है.

पैकेज स्क्रिप्ट बनाएं

Blockly एक ऐसी स्क्रिप्ट देता है जो स्टार्टर ऐप्लिकेशन को बूटस्ट्रैप करती है. इसकी मदद से फिर बदलाव करें. यह सामान्य वेब डेवलपमेंट टूल का इस्तेमाल करता है, जैसे कि webpack और eslint, लेकिन इसमें React या Angular जैसा फ़्रेमवर्क शामिल नहीं होता है.

इसके लिए आपको चलाने से पहले Node.js और npm इंस्टॉल करना होगा को कमांड देना होगा.

नई hello-world डायरेक्ट्री में JavaScript में लिखा गया ऐप्लिकेशन बनाने के लिए:

npx @blockly/create-package app hello-world

नई hello-world डायरेक्ट्री में TypeScript में लिखा गया ऐप्लिकेशन बनाने के लिए:

npx @blockly/create-package app hello-world --typescript

इनसे पैकेज टारगेट इंपोर्ट करने वाला पैकेज बनता है. यह डिपेंडेंसी मैनेज करने के लिए Package.json फ़ाइल की मदद से, अप-टू-डेट रहना आसान होता है ब्लॉकली का नया वर्शन डाउनलोड करें.

इसमें कुछ आसान स्टार्टर स्क्रिप्ट भी मिलती हैं. जैसे, प्रोजेक्ट की जांच करने के लिए स्क्रिप्ट स्थानीय तौर पर ब्राउज़र में:

cd hello-world
npm run start

अन्य निर्देशों के लिए, जनरेट की गई Package.json फ़ाइल को देखा जा सकता है.

अनपीजी

अगर आपको नए-नए आइडिया चाहिए और आपको ऐप्लिकेशन है, तो आप स्क्रिप्ट टैग का इस्तेमाल करके Unpkg से Blockly को लोड कर सकते हैं.

अगर आपको किसी भी एचटीएमएल पेज में इसे जोड़ना है, तो एचटीएमएल को सीधे Blockly के साथ प्रयोग करने के लिए ब्राउज़र:

<!-- Load Blockly core -->
<script src="https://unpkg.com/blockly/blockly_compressed.js"></script>
<!-- Load the default blocks -->
<script src="https://unpkg.com/blockly/blocks_compressed.js"></script>
<!-- Load a generator -->
<script src="https://unpkg.com/blockly/javascript_compressed.js"></script>
<!-- Load a message file -->
<script src="https://unpkg.com/blockly/msg/en.js"></script>

ब्लॉकली ऐप्लिकेशन को हासिल करने के लिए, यह लंबे समय तक कारगर नहीं माना जाता, क्योंकि इससे यह वेबपैक जैसे बंडलर के साथ काम करता है, लेकिन यह प्रोटोटाइपिंग और प्रयोग करना.

कोड प्राप्त करें

ब्लॉकली चलाने के लिए, कोड पाने के कई तरीके हैं.

Blockly की टीम, पैकेज मैनेजर की मदद से Blockly का सुझाव देती है (जैसे कि NPM या YaRN के लिए हो सकता है, क्योंकि:

Bloly में हुए बदलावों की मदद से, अप-टू-डेट रहना आसान होता है
यह बंदरपैचिंग ब्लॉकली के बजाय प्लगिन का इस्तेमाल करने को बढ़ावा देता है

एनपीएम

npm install blockly --save

रेशे

yarn add blockly

GitHub

आप हमारे GitHub रिलीज़. हालांकि, इसके लिए आपको मैन्युअल रूप से नए अपडेट पाने के लिए, कोड को समय-समय पर डाउनलोड करें और ब्लॉकली में सुधार करता है.

कोड लोड करें

कोड मिलने के बाद, उसे कई तरीकों से ऐक्सेस किया जा सकता है कोड.

स्क्रिप्ट टैग

<!-- Load Blockly core -->
<script src="./my-lib-directory/blockly/blockly_compressed.js"></script>
<!-- Load the default blocks -->
<script src="./my-lib-directory/blockly/blocks_compressed.js"></script>
<!-- Load a generator -->
<script src="./my-lib-directory/blockly/javascript_compressed.js"></script>
<!-- Load a message file -->
<script src="./my-lib-directory/blockly/msg/en.js"></script>

स्क्रिप्ट टैग का इस्तेमाल करते समय, ग्लोबल नेमस्पेस से इंपोर्ट ऐक्सेस किया जा सकता है:

// Access Blockly.
Blockly.thing;

// Access the default blocks.
Blockly.libraryBlocks['block_type'];

// Access the generator.
javascript.javascriptGenerator;

आयात

// Import Blockly core.
import * as Blockly from 'blockly/core';
// Import the default blocks.
import * as libraryBlocks from 'blockly/blocks';
// Import a generator.
import {javascriptGenerator} from 'blockly/javascript';
// Import a message file.
import * as En from 'blockly/msg/en';

मैसेज फ़ाइलें इंपोर्ट करने पर, आपको उन्हें लागू भी करना होगा.

Blockly.setLocale(En);

ज़रूरी है

// Require Blockly core.
const Blockly = require('blockly/core');
// Require the default blocks.
const libraryBlocks = require('blockly/blocks');
// Require a generator.
const {javascriptGenerator} =  require('blockly/javascript');
// Require a message file.
const En = require('blockly/msg/en');

अगर आपको मैसेज फ़ाइलों की ज़रूरत है, तो आपको उन्हें भी लागू करना होगा.

Blockly.setLocale(En);