From 980fe00a74a9ad013b945755415ace2e5429c3c2 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Wed, 27 Oct 2021 02:31:24 +0300 Subject: [RU] Remove notranslate (#2874) --- files/ru/webassembly/rust_to_wasm/index.html | 38 ++++++++++++++-------------- 1 file changed, 19 insertions(+), 19 deletions(-) (limited to 'files/ru/webassembly/rust_to_wasm/index.html') diff --git a/files/ru/webassembly/rust_to_wasm/index.html b/files/ru/webassembly/rust_to_wasm/index.html index 1f2d6d644d..52f6a6c75b 100644 --- a/files/ru/webassembly/rust_to_wasm/index.html +++ b/files/ru/webassembly/rust_to_wasm/index.html @@ -36,7 +36,7 @@ translation_of: WebAssembly/Rust_to_wasm

Чтобы собрать наш пакет, вам понадобится дополнительный инструмент, wasm-pack. Он поможет нам скомпилировать наш код в WebAssembly и создаст правильный контейнер для нашего пакета для npm. Чтобы скачать и установить, введите в терминале следующую команду:

-
$ cargo install wasm-pack
+
$ cargo install wasm-pack
 

 
 
Установка Node.js и получение npm-аккаунта

@@ -49,7 +49,7 @@ translation_of: WebAssembly/Rust_to_wasm
 
 
Дальше запустите в командой строке npm adduser:

 
-
> npm adduser
+
> npm adduser
 Username: yournpmusername
 Password:
 Email: (this IS public) you@example.com
@@ -57,7 +57,7 @@ Email: (this IS public) you@example.com
 
 
Вам понадобится ввести своё пользовательское имя, пароль и email. Если все получится, вы увидите:

 
-
Logged in as yournpmusername on https://registry.npmjs.org/.
+
Logged in as yournpmusername on https://registry.npmjs.org/.
 

 
 
Если что-то пойдёт не так, свяжитесь с командой npm, чтобы разобраться.

@@ -66,13 +66,13 @@ Email: (this IS public) you@example.com
 
 
Хватит установок, давайте создадим новый пакет на Rust. Перейдите в любое место, где вы держите свои личные проекты, и сделайте следующее:

 
-
$ cargo new --lib hello-wasm
+
$ cargo new --lib hello-wasm
      Создаст проектную библиотеку `hello-wasm`
 

 
 
Это создаст новую библиотеку в под-директории, называемой hello-wasm, со всем, что вам нужно:

 
-
+-- Cargo.toml
+
+-- Cargo.toml
 +-- src
     +-- lib.rs
 

@@ -81,7 +81,7 @@ Email: (this IS public) you@example.com
 
 
Дальше, Cargo сгенерировал кое-какой код для нас на Rust в src/lib.rs:

 
-
#[cfg(test)]
+
#[cfg(test)]
 mod tests {
     #[test]
     fn it_works() {
@@ -96,7 +96,7 @@ mod tests {
 
 
Вместо этого поместите этот код в src/lib.rs:

 
-
extern crate wasm_bindgen;
+
extern crate wasm_bindgen;
 
 use wasm_bindgen::prelude::*;
 
@@ -117,7 +117,7 @@ pub fn greet(name: &str) {
 
 
Первая часть выглядит вот так:

 
-
extern crate wasm_bindgen;
+
extern crate wasm_bindgen;
 
 use wasm_bindgen::prelude::*;
 

@@ -138,7 +138,7 @@ use wasm_bindgen::prelude::*;
 
 
Следующая часть выглядит так:

 
-
#[wasm_bindgen]
+
#[wasm_bindgen]
 extern {
     pub fn alert(s: &str);
 }
@@ -156,7 +156,7 @@ extern {
 
 
Финальная часть следующая:

 
-
#[wasm_bindgen]
+
#[wasm_bindgen]
 pub fn greet(name: &str) {
     alert(&format!("Hello, {}!", name));
 }
@@ -176,7 +176,7 @@ pub fn greet(name: &str) {
 
 
Чтобы правильно скомпилить наш код, сначала нам надо сконфигурировать его с помощью Cargo.toml. Откройте этот файл и измените его так, чтобы он выглядел следующим образом:

 
-
[package]
+
[package]
 name = "hello-wasm"
 version = "0.1.0"
 authors = ["Your Name <you@example.com>"]
@@ -201,7 +201,7 @@ wasm-bindgen = "0.2"
 
 
Теперь, когда мы все установили, давайте соберём проект! Введите это в терминале:

 
-
$ wasm-pack build --scope mynpmusername
+
$ wasm-pack build --scope mynpmusername
 

 
 
Здесь мы сделали несколько вещей (и они займут много времени, особенно если вы запустили wasm-pack впервые). Чтобы изучить их детальней, прочитайте этот блог-пост на Mozilla Hacks. Вкратце, wasm-pack build:

@@ -224,7 +224,7 @@ wasm-bindgen = "0.2"
 
 
Давайте опубликуем наш новый пакет на npm:

 
-
$ cd pkg
+
$ cd pkg
 $ npm publish --access=public
 

 
@@ -236,14 +236,14 @@ $ npm publish --access=public
 
 
Давайте выйдем из нашей папки pkg и создадим новую, site, чтобы попробовать в ней следующее:

 
-
$ cd ../..
+
$ cd ../..
 $ mkdir site
 $ cd site
 

 
 
Создайте новый файл, package.json, и поместите в него следующий код:

 
-
{
+
{
   "scripts": {
     "serve": "webpack-dev-server"
   },
@@ -262,7 +262,7 @@ $ cd site
 
 
Дальше нам нужно сконфигурировать Webpack. Создайте webpack.config.js и введите следующее:

 
-
const path = require('path');
+
const path = require('path');
 module.exports = {
   entry: "./index.js",
   output: {
@@ -275,7 +275,7 @@ module.exports = {
 
 
Теперь нам нужен HTML-файл; создайте index.html и поместите в него:

 
-
<!DOCTYPE html>
+
<!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8">
@@ -289,7 +289,7 @@ module.exports = {
 
 
Наконец, создайте index.js, на который мы сослались в HTML-файле, и вставьте:

 
-
const js = import("./node_modules/@yournpmusername/hello-wasm/hello_wasm.js");
+
const js = import("./node_modules/@yournpmusername/hello-wasm/hello_wasm.js");
 js.then(js => {
   js.greet("WebAssembly");
 });
@@ -301,7 +301,7 @@ js.then(js => {
 
 
Мы закончили! Давайте попробуем:

 
-
$ npm install
+
$ npm install
 $ npm run serve
 

 
-- 
cgit v1.2.3-54-g00ecf