![\"\"](\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-sora-shimazaki-5926397.png\"){kind=spacer}
<\/p>\n<\/p>\n
\u0623\u0635\u0628\u062d \u0625\u0646\u0634\u0627\u0621 \u062a\u0637\u0628\u064a\u0642 React \u0623\u0633\u0647\u0644 \u0648\u0623\u0633\u0631\u0639 \u0628\u0641\u0636\u0644 Vite\u060c \u0648\u0647\u064a \u0623\u062f\u0627\u0629 \u0628\u0646\u0627\u0621 \u0648\u0627\u062c\u0647\u0629 \u0623\u0645\u0627\u0645\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0642\u062f\u0645\u0647\u0627 \u0645\u0628\u062a\u0643\u0631 Vue.js Evan You \u0641\u064a \u0639\u0627\u0645 2020. \u062a\u0634\u062a\u0647\u0631 Vite \u0628\u0633\u0631\u0639\u062a\u0647\u0627 \u0648\u0643\u0641\u0627\u0621\u062a\u0647\u0627\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644\u0647\u0627 \u0628\u062f\u064a\u0644\u0627\u064b \u0645\u0645\u062a\u0627\u0632\u064b\u0627 \u0644\u0640 Create React App (CRA) \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0644\u0627\u0632\u0645 \u0644\u0628\u062f\u0621 \u062a\u0634\u063a\u064a\u0644 \u062e\u0648\u0627\u062f\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u062a\u0637\u0628\u064a\u0642 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631. \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0644\u064a\u0644\u060c \u0633\u0646\u062a\u0646\u0627\u0648\u0644 \u0643\u0644 \u062e\u0637\u0648\u0629 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0625\u0639\u062f\u0627\u062f \u062a\u0637\u0628\u064a\u0642 React \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Vite\u060c \u0645\u0646 \u0625\u0639\u062f\u0627\u062f \u0628\u064a\u0626\u062a\u0643 \u0625\u0644\u0649 \u0625\u0637\u0644\u0627\u0642 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0623\u0648\u0644.<\/span><\/p>\n <\/p>\n \u0644\u0642\u062f \u0623\u0635\u0628\u062d Vite \u062e\u064a\u0627\u0631\u064b\u0627 \u0634\u0627\u0626\u0639\u064b\u0627 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 React \u0644\u0623\u0646\u0647 \u064a\u0639\u0632\u0632 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0633\u0631\u0639\u0629 \u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0623\u0633\u0631\u0639 \u0648\u0623\u0643\u062b\u0631 \u0633\u0644\u0627\u0633\u0629. \u0639\u0644\u0649 \u0639\u0643\u0633 Create React App (CRA)\u060c \u0627\u0644\u0630\u064a \u063a\u0627\u0644\u0628\u064b\u0627 \u0645\u0627 \u064a\u0648\u0627\u062c\u0647 \u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0641\u064a \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u062e\u0627\u062f\u0645 \u0628\u0639\u062f \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u0645\u0644\u0641\u0627\u062a\u060c \u064a\u0642\u0644\u0644 Vite \u0645\u0646 \u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0633\u064a\u0631 \u0639\u0645\u0644 \u0633\u0644\u0633\u064b\u0627 \u0648\u0641\u0639\u0627\u0644\u064b\u0627. \u0643\u0645\u0627 \u064a\u0641\u064a\u062f \u062a\u0635\u0645\u064a\u0645\u0647 \u0627\u0644\u0645\u0639\u064a\u0627\u0631\u064a \u0645\u0637\u0648\u0631\u064a React \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0623\u0633\u0631\u0639 \u0639\u0644\u0649 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a\u060c \u0648\u0647\u0648 \u0645\u062b\u0627\u0644\u064a \u0644\u0623\u0648\u0644\u0626\u0643 \u0627\u0644\u0630\u064a\u0646 \u064a\u062d\u062a\u0627\u062c\u0648\u0646 \u0625\u0644\u0649 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0641\u0648\u0631\u064a\u0629 \u0645\u0646 \u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631.<\/span><\/p>\n Vite\u060c \u0627\u0644\u0630\u064a \u0637\u0648\u0631\u0647 \u0625\u064a\u0641\u0627\u0646 \u064a\u0648 (\u0645\u0628\u062a\u0643\u0631 Vue.js)\u060c \u0647\u0648 \u0623\u062f\u0627\u0629 \u0628\u0646\u0627\u0621 \u062d\u062f\u064a\u062b\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629. \u064a\u0634\u062a\u0642 \u0627\u0633\u0645 "Vite" \u0645\u0646 \u0627\u0644\u0643\u0644\u0645\u0629 \u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0639\u0646\u064a "\u0633\u0631\u064a\u0639"\u060c \u0648\u0647\u0648 \u0645\u0627 \u064a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0647\u062f\u0641\u0647 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0627\u0644\u0645\u062a\u0645\u062b\u0644 \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0628\u0646\u0627\u0621. \u064a\u0633\u062a\u0641\u064a\u062f Vite \u0645\u0646 \u0648\u062d\u062f\u0627\u062a ES \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0628\u0628\u0646\u0627\u0621 \u0623\u0633\u0631\u0639 \u0648\u0623\u0648\u0642\u0627\u062a \u062a\u062d\u062f\u064a\u062b \u0623\u0633\u0631\u0639 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u062d\u0632\u0645 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629. \u062a\u062c\u0639\u0644 \u0647\u0630\u0647 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 Vite \u062e\u064a\u0627\u0631\u064b\u0627 \u0645\u0645\u062a\u0627\u0632\u064b\u0627 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u062a\u0637\u0644\u0639\u0648\u0646 \u0625\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0641\u064a \u0623\u0637\u0631 \u0639\u0645\u0644 JavaScript \u0645\u062b\u0644 React.<\/span><\/p>\n <\/p>\n \u0642\u0628\u0644 \u0625\u0639\u062f\u0627\u062f Vite\u060c \u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u0646\u0638\u0627\u0645\u0643 \u064a\u0644\u0628\u064a \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629. \u0647\u0630\u0647 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0636\u0631\u0648\u0631\u064a\u0629 \u0644\u0639\u0645\u0644\u064a\u0629 \u062a\u062b\u0628\u064a\u062a \u0648\u062a\u0637\u0648\u064a\u0631 \u0633\u0644\u0633\u0629.<\/span><\/p>\n <\/p>\n \u064a\u0639\u062a\u0645\u062f Vite \u0639\u0644\u0649 Node.js \u0648npm (Node Package Manager) \u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u062d\u0632\u0645 \u0648\u062a\u0634\u063a\u064a\u0644 \u0646\u0635\u0648\u0635 \u0627\u0644\u062a\u0637\u0648\u064a\u0631. \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Vite\u060c \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u0635\u062f\u0627\u0631 Node.js 18.x \u0623\u0648 \u0623\u062d\u062f\u062b \u0648\u0625\u0635\u062f\u0627\u0631 npm \u0645\u062a\u0648\u0627\u0641\u0642. \u0625\u0644\u064a\u0643 \u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u0627\u0644\u0625\u0635\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0627\u0644\u0645\u062b\u0628\u062a\u0629:<\/span><\/p>\n \u0627\u0641\u062a\u062d \u0627\u0644\u0645\u062d\u0637\u0629 \u0627\u0644\u0637\u0631\u0641\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0648\u0627\u0643\u062a\u0628 \u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u062a\u0627\u0644\u064a:<\/span> \u064a\u0642\u0648\u0645 \u0647\u0630\u0627 \u0627\u0644\u0623\u0645\u0631 \u0628\u0625\u0631\u062c\u0627\u0639 \u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0645\u062b\u0628\u062a \u0645\u0646 Node.js\u060c \u0648\u0627\u0644\u0630\u064a \u064a\u062c\u0628 \u0623\u0646 \u064a\u0643\u0648\u0646 18.x \u0623\u0648 \u0623\u0639\u0644\u0649.<\/span><\/p>\n \u0628\u0639\u062f \u0630\u0644\u0643\u060c \u0642\u0645 \u0628\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0625\u0635\u062f\u0627\u0631 npm \u0639\u0646 \u0637\u0631\u064a\u0642 \u062a\u0634\u063a\u064a\u0644:<\/span> \u064a\u0639\u0631\u0636 \u0647\u0630\u0627 \u0627\u0644\u0623\u0645\u0631 \u0625\u0635\u062f\u0627\u0631 npm \u0627\u0644\u0645\u062b\u0628\u062a. \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0625\u0635\u062f\u0627\u0631\u0627\u062a \u0644\u062f\u064a\u0643 \u0642\u062f\u064a\u0645\u0629\u060c \u0641\u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0632\u064a\u0644 \u0623\u062d\u062f\u062b \u0625\u0635\u062f\u0627\u0631\u0627\u062a Node.js \u0648npm \u0645\u0646 \u0645\u0648\u0642\u0639 Node.js \u0627\u0644\u0631\u0633\u0645\u064a.<\/span><\/p>\n \u0625\u0630\u0627 \u0644\u0645 \u064a\u062a\u0645 \u062a\u062b\u0628\u064a\u062a Node.js \u0648npm\u060c \u0623\u0648 \u0625\u0630\u0627 \u0643\u0646\u062a \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062b\u0647\u0645\u0627\u060c \u0641\u064a\u0645\u0643\u0646\u0643 \u062a\u062b\u0628\u064a\u062a\u0647\u0645\u0627 \u0623\u0648 \u062a\u0631\u0642\u064a\u062a\u0647\u0645\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0633\u062a\u0648\u062f\u0639 NodeSource (\u0644\u0646\u0638\u0627\u0645 Linux) \u0623\u0648 \u0639\u0646 \u0637\u0631\u064a\u0642 \u062a\u0646\u0632\u064a\u0644 \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a.<\/span><\/p>\n <\/p>\n \u064a\u062a\u0637\u0644\u0628 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 Vite \u0627\u0644\u0625\u0644\u0645\u0627\u0645 \u0628\u0639\u0645\u0644\u064a\u0627\u062a \u0633\u0637\u0631 \u0627\u0644\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629. \u0623\u062b\u0646\u0627\u0621 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u0639\u062f\u0627\u062f\u060c \u0633\u062a\u0642\u0648\u0645 \u0628\u062a\u0634\u063a\u064a\u0644 \u0633\u0644\u0633\u0644\u0629 \u0645\u0646 \u0627\u0644\u0623\u0648\u0627\u0645\u0631 \u0641\u064a \u0627\u0644\u0645\u062d\u0637\u0629 \u0627\u0644\u0637\u0631\u0641\u064a\u0629 \u0644\u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 Vite \u0648\u062a\u062b\u0628\u064a\u062a\u0647 \u0648\u062a\u0634\u063a\u064a\u0644\u0647. \u0625\u0644\u064a\u0643 \u0645\u0627 \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0645\u0631\u062a\u0627\u062d\u064b\u0627 \u0644\u0647:<\/span><\/p>\n \u0625\u0630\u0627 \u0643\u0646\u062a \u062c\u062f\u064a\u062f\u064b\u0627 \u0639\u0644\u0649 \u0633\u0637\u0631 \u0627\u0644\u0623\u0648\u0627\u0645\u0631\u060c \u0641\u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0645\u0631\u0627\u062c\u0639\u0629 \u0628\u0639\u0636 \u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0645\u062d\u0637\u0629 \u0627\u0644\u0637\u0631\u0641\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.<\/span><\/p>\n <\/p>\n \u064a\u0648\u0635\u0649 \u0628\u0634\u062f\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062d\u0631\u0631 \u0623\u0643\u0648\u0627\u062f\u060c \u0645\u062b\u0644 Visual Studio Code (VS Code)\u060c \u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u062d\u0631\u064a\u0631\u0647\u0627. \u064a\u0648\u0641\u0631 VS Code \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u0641\u064a\u062f\u0629:<\/span><\/p>\n \u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u0645\u062d\u0631\u0631\u0627\u062a \u0627\u0644\u0634\u0627\u0626\u0639\u0629 \u0627\u0644\u0623\u062e\u0631\u0649 Sublime Text \u0648Atom \u0648WebStorm\u060c \u0644\u0643\u0646 VS Code \u0645\u0646\u0627\u0633\u0628 \u0628\u0634\u0643\u0644 \u062e\u0627\u0635 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 JavaScript \u0648React. \u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0632\u064a\u0644\u0647 \u0645\u0646 \u0645\u0648\u0642\u0639 VS Code \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628.<\/span><\/p>\n <\/p>\n \u0642\u0628\u0644 \u0627\u0644\u062e\u0648\u0636 \u0641\u064a \u0628\u0646\u0627\u0621 \u062a\u0637\u0628\u064a\u0642 React \u0627\u0644\u0623\u0648\u0644 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Vite\u060c \u0645\u0646 \u0627\u0644\u0636\u0631\u0648\u0631\u064a \u0627\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0625\u0639\u062f\u0627\u062f \u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d. Vite \u0647\u064a \u0623\u062f\u0627\u0629 \u0628\u0646\u0627\u0621 \u0633\u0631\u064a\u0639\u0629 \u0648\u062d\u062f\u064a\u062b\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0628\u0633\u064a\u0637 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629\u060c \u0644\u0643\u0646\u0647\u0627 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0625\u0635\u062f\u0627\u0631\u0627\u062a \u0648\u0623\u062f\u0648\u0627\u062a \u0628\u0631\u0645\u062c\u064a\u0629 \u0645\u062d\u062f\u062f\u0629 \u0644\u0644\u0639\u0645\u0644 \u0628\u0633\u0644\u0627\u0633\u0629. \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u062f\u0644\u064a\u0644\u060c \u0633\u0646\u063a\u0637\u064a \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0625\u0635\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u0636\u0631\u0648\u0631\u064a\u0629 \u0645\u0646 Node.js \u0648npm\u060c \u0648\u0645\u0639\u0631\u0641\u0629 \u0633\u0637\u0631 \u0627\u0644\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0625\u0639\u062f\u0627\u062f \u0645\u062d\u0631\u0631 \u0623\u0643\u0648\u0627\u062f \u0645\u0646\u0627\u0633\u0628. \u0628\u0645\u062c\u0631\u062f \u0648\u0636\u0639 \u0647\u0630\u0647 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0641\u064a \u0645\u0643\u0627\u0646\u0647\u0627\u060c \u0633\u062a\u0643\u0648\u0646 \u062c\u0627\u0647\u0632\u064b\u0627 \u0644\u0628\u062f\u0621 \u0625\u0646\u0634\u0627\u0621 \u062a\u0637\u0628\u064a\u0642\u0627\u062a React \u0641\u0639\u0651\u0627\u0644\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Vite.<\/span><\/p>\n <\/p>\n \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Vite\u060c \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u0635\u062f\u0627\u0631 Node.js 18.x \u0623\u0648 \u0623\u062d\u062f\u062b \u0645\u0639 npm. \u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062f\u064a\u0643 \u0628\u0627\u0644\u0641\u0639\u0644 Node.js \u0645\u062b\u0628\u062a\u064b\u0627 \u0648\u0644\u0643\u0646\u0647 \u0642\u062f\u064a\u0645\u060c \u0641\u0627\u062a\u0628\u0639 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0644\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0642\u062f\u064a\u0645 \u0648\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0623\u062d\u062f\u062b.<\/span><\/p>\n \u0625\u0630\u0627 \u062a\u0645 \u0628\u0627\u0644\u0641\u0639\u0644 \u062a\u062b\u0628\u064a\u062a \u0625\u0635\u062f\u0627\u0631 \u0642\u062f\u064a\u0645 \u0645\u0646 Node.js \u0623\u0648 npm\u060c \u0641\u0642\u0645 \u0628\u0625\u0632\u0627\u0644\u062a\u0647 \u0644\u062a\u062c\u0646\u0628 \u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0641\u0642.<\/span> sudo apt \u0627\u0644\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629<\/span><\/p>\n \u062a\u0624\u062f\u064a \u0647\u0630\u0647 \u0627\u0644\u062e\u0637\u0648\u0629 \u0625\u0644\u0649 \u0645\u0633\u062d \u0623\u064a \u062a\u062b\u0628\u064a\u062a\u0627\u062a \u0642\u062f\u064a\u0645\u0629 \u0644\u0640 Node.js \u0623\u0648 npm\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0625\u0639\u062f\u0627\u062f\u064b\u0627 \u0646\u0638\u064a\u0641\u064b\u0627 \u0644\u0640 Vite.<\/span><\/p>\n \u064a\u0648\u0641\u0631 \u0647\u0630\u0627 \u0627\u0644\u0645\u0633\u062a\u0648\u062f\u0639 \u0623\u062d\u062f\u062b \u0625\u0635\u062f\u0627\u0631\u0627\u062a Node.js \u0648npm \u0644\u0644\u062a\u062b\u0628\u064a\u062a.<\/span> \u0633\u062d\u0642<\/span> \u064a\u0642\u0648\u0645 \u0647\u0630\u0627 \u0628\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u062d\u0627\u0644\u064a \u0645\u0646 Node.js (18.x) \u0648npm\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 Vite.<\/span><\/p>\n \u0628\u0639\u062f \u0627\u0644\u062a\u062b\u0628\u064a\u062a\u060c \u062a\u0623\u0643\u062f \u0645\u0646 \u062a\u062b\u0628\u064a\u062a Node.js \u0648npm \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d \u0639\u0646 \u0637\u0631\u064a\u0642 \u062a\u0634\u063a\u064a\u0644:<\/span> npm -v<\/span><\/p>\n \u064a\u062c\u0628 \u0623\u0646 \u062a\u0631\u0649 \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u0625\u0635\u062f\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0624\u0643\u062f \u0623\u0646 Node.js \u0648npm \u062c\u0627\u0647\u0632\u0627\u0646 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/span><\/p>\n <\/p>\n \u0627\u0644\u0622\u0646 \u0628\u0639\u062f \u0625\u0639\u062f\u0627\u062f Node.js \u0648npm\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u062b\u0628\u064a\u062a Vite \u0639\u0627\u0644\u0645\u064a\u064b\u0627. \u064a\u062a\u064a\u062d \u0644\u0643 \u0647\u0630\u0627 \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0627\u0631\u064a\u0639 Vite \u062c\u062f\u064a\u062f\u0629 \u0628\u0633\u0647\u0648\u0644\u0629 \u0645\u0646 \u0623\u064a \u062f\u0644\u064a\u0644.<\/span><\/p>\n \u0633\u062d\u0642<\/span> \u064a\u0642\u0648\u0645 \u0647\u0630\u0627 \u0627\u0644\u0623\u0645\u0631 \u0628\u062a\u062b\u0628\u064a\u062a Vite \u0639\u0627\u0644\u0645\u064a\u064b\u0627\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u0623\u0645\u0631\u064b\u0627 \u0648\u0627\u062d\u062f\u064b\u0627 \u0644\u062a\u0647\u064a\u0626\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 Vite \u0628\u0633\u0631\u0639\u0629. \u064a\u0624\u062f\u064a \u062a\u062b\u0628\u064a\u062a Vite \u0639\u0627\u0644\u0645\u064a\u064b\u0627 \u0625\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0625\u0639\u062f\u0627\u062f\u0647.<\/span><\/p>\n <\/p>\n \u0628\u0645\u062c\u0631\u062f \u062a\u062b\u0628\u064a\u062a Vite\u060c \u064a\u0645\u0643\u0646\u0643 \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 React \u062c\u062f\u064a\u062f \u0628\u0647. \u0627\u0641\u062a\u062d \u0627\u0644\u0645\u062d\u0637\u0629 \u0627\u0644\u0637\u0631\u0641\u064a\u0629 \u0648\u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0627\u0644\u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0641\u0636\u0644 \u0644\u062f\u064a\u0643 \u0648\u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0623\u0645\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0644\u0628\u062f\u0621 \u0627\u0644\u0625\u0639\u062f\u0627\u062f.<\/span><\/p>\n \u0633\u062d\u0642<\/span> \u064a\u0633\u062a\u0628\u062f\u0644 <\/span>\u062a\u0637\u0628\u064a\u0642\u064a<\/span> \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0633\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u0637\u0644\u0648\u0628. \u064a\u0642\u0648\u0645 \u0647\u0630\u0627 \u0627\u0644\u0623\u0645\u0631 \u0628\u062a\u0634\u063a\u064a\u0644 \u0645\u0634\u0631\u0648\u0639 Vite\u060c \u0648\u0633\u064a\u0631\u0634\u062f\u0643 Vite \u062e\u0644\u0627\u0644 \u0628\u0639\u0636 \u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0627\u0644\u0625\u0639\u062f\u0627\u062f.<\/span><\/p>\n \u0628\u0645\u062c\u0631\u062f \u0627\u0643\u062a\u0645\u0627\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u0633\u064a\u0642\u0648\u0645 Vite \u0628\u0625\u0646\u0634\u0627\u0621 \u0645\u062c\u0644\u062f \u0645\u0634\u0631\u0648\u0639 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0648\u0647\u064a\u0643\u0644 \u0642\u064a\u0627\u0633\u064a.<\/span><\/p>\n <\/p>\n \u0628\u0639\u062f \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0630\u064a \u062a\u0645 \u0625\u0646\u0634\u0627\u0624\u0647 \u062d\u062f\u064a\u062b\u064b\u0627 \u0644\u0628\u062f\u0621 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639\u0647.<\/span><\/p>\n \u0633\u062d\u0642<\/span> \u064a\u0642\u0648\u0645 \u0647\u0630\u0627 \u0627\u0644\u0623\u0645\u0631 \u0628\u062a\u0628\u062f\u064a\u0644 \u062f\u0644\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0625\u0644\u0649 <\/span>\u062a\u0637\u0628\u064a\u0642\u064a<\/span>\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 \u0645\u0646 \u0627\u0644\u0633\u0647\u0644 \u0625\u062f\u0627\u0631\u0629 \u0645\u0644\u0641\u0627\u062a \u0645\u0634\u0631\u0648\u0639 Vite \u0648\u0627\u0644\u0639\u0645\u0644 \u062f\u0627\u062e\u0644\u0647\u0627.<\/span><\/p>\n <\/p>\n \u0642\u0628\u0644 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0642\u0645 \u0628\u062a\u062b\u0628\u064a\u062a \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0628\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629. \u0648\u062a\u0634\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0643\u062a\u0628\u0627\u062a \u0648\u0627\u0644\u062d\u0632\u0645 \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.<\/span><\/p>\n \u0633\u062d\u0642<\/span> \u064a\u0642\u0648\u0645 \u0647\u0630\u0627 \u0627\u0644\u0623\u0645\u0631 \u0628\u062a\u0646\u0632\u064a\u0644 \u0648\u062a\u062b\u0628\u064a\u062a \u062c\u0645\u064a\u0639 \u0627\u0644\u062a\u0628\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0641\u064a <\/span>\u0627\u0644\u062d\u0632\u0645\u0629.json<\/span> \u0627\u0644\u0645\u0644\u0641. \u062a\u0639\u0645\u0644 \u0647\u0630\u0647 \u0627\u0644\u062a\u0628\u0639\u064a\u0627\u062a \u0639\u0644\u0649 \u062a\u0634\u063a\u064a\u0644 \u0645\u0643\u0648\u0646\u0627\u062a React\u060c \u0648\u0648\u0638\u0627\u0626\u0641 Vite\u060c \u0648\u0623\u064a \u0623\u062f\u0648\u0627\u062a \u0623\u0648 \u0645\u0643\u062a\u0628\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 \u0641\u064a \u0645\u0634\u0631\u0648\u0639\u0643.<\/span><\/p>\n <\/p>\n \u0627\u0644\u0622\u0646 \u0628\u0639\u062f \u0627\u0643\u062a\u0645\u0627\u0644 \u0627\u0644\u0625\u0639\u062f\u0627\u062f \u0648\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u062a\u0628\u0639\u064a\u0627\u062a\u060c \u0627\u0628\u062f\u0623 \u062a\u0634\u063a\u064a\u0644 \u062e\u0627\u062f\u0645 \u062a\u0637\u0648\u064a\u0631 Vite. \u064a\u062a\u064a\u062d \u0644\u0643 \u0647\u0630\u0627 \u0627\u0644\u062e\u0627\u062f\u0645 \u0631\u0624\u064a\u0629 \u062a\u0637\u0628\u064a\u0642\u0643 \u0639\u0644\u0649 \u0627\u0644\u0647\u0648\u0627\u0621 \u0645\u0628\u0627\u0634\u0631\u0629 \u0648\u062a\u0637\u0628\u064a\u0642 \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0643\u0648\u062f \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631.<\/span><\/p>\n \u0633\u062d\u0642<\/span> \u064a\u0624\u062f\u064a \u0647\u0630\u0627 \u0627\u0644\u0623\u0645\u0631 \u0625\u0644\u0649 \u062a\u0634\u063a\u064a\u0644 \u062e\u0627\u062f\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c \u0648\u0633\u064a\u0639\u0631\u0636 Vite \u0639\u0646\u0648\u0627\u0646 URL \u0645\u062d\u0644\u064a\u064b\u0627 \u062d\u064a\u062b \u064a\u0645\u0643\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062a\u0637\u0628\u064a\u0642\u0643. \u0628\u0634\u0643\u0644 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u060c \u064a\u0643\u0648\u0646 \u0639\u0646\u0648\u0627\u0646 URL \u0647\u0630\u0627:<\/span> \u0642\u062f \u062a\u0631\u0649 \u0623\u064a\u0636\u064b\u0627 \u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0634\u0628\u0643\u0629 \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629\u060c \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0625\u0635\u062f\u0627\u0631 Vite \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.<\/span><\/p>\n <\/p>\n \u0645\u0639 \u062a\u0634\u063a\u064a\u0644 \u062e\u0627\u062f\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0622\u0646 \u0639\u0631\u0636 \u062a\u0637\u0628\u064a\u0642 React \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0641\u064a \u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0648\u064a\u0628.<\/span><\/p>\n \u064a\u062c\u0628 \u0623\u0646 \u064a\u062a\u0645 \u062a\u062d\u0645\u064a\u0644 \u062a\u0637\u0628\u064a\u0642 React \u0627\u0644\u062c\u062f\u064a\u062f \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d. \u0633\u064a\u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0623\u064a \u062a\u063a\u064a\u064a\u0631\u0627\u062a \u062a\u0642\u0648\u0645 \u0628\u0647\u0627 \u0641\u064a \u0645\u062d\u0631\u0631 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u060c \u0648\u0630\u0644\u0643 \u0628\u0641\u0636\u0644 \u0645\u064a\u0632\u0629 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0627\u0644\u0648\u062d\u062f\u0629 \u0627\u0644\u0646\u0645\u0637\u064a\u0629 \u0627\u0644\u0633\u0627\u062e\u0646\u0629 (HMR) \u0641\u064a Vite\u060c \u0648\u0627\u0644\u062a\u064a \u062a\u0633\u0645\u062d \u0628\u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644<\/span><\/p>\n <\/p>\n \u0628\u0639\u062f \u0625\u0639\u062f\u0627\u062f \u0645\u0634\u0631\u0648\u0639 Vite \u0627\u0644\u062e\u0627\u0635 \u0628\u0643\u060c \u0633\u062a\u0631\u0649 \u0628\u0646\u064a\u0629 \u0645\u062c\u0644\u062f \u0648\u0645\u0644\u0641\u0627\u062a \u0642\u064a\u0627\u0633\u064a\u0629 \u062a\u0646\u0638\u0645 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u062a\u0637\u0628\u064a\u0642 React \u0627\u0644\u062e\u0627\u0635 \u0628\u0643. \u062a\u062d\u0627\u0641\u0638 \u0647\u0630\u0647 \u0627\u0644\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u0638\u0645\u064b\u0627 \u0648\u0645\u0642\u0633\u0645\u064b\u0627 \u0625\u0644\u0649 \u0648\u062d\u062f\u0627\u062a\u060c \u0645\u0645\u0627 \u064a\u0633\u0645\u062d \u0644\u0643 \u0628\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u062f\u0648\u0646 \u0627\u0644\u0627\u0646\u063a\u0645\u0627\u0633 \u0641\u064a \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u0643\u0648\u064a\u0646. \u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u062a\u0641\u0635\u064a\u0644 \u0644\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u062f\u0644\u0627\u0626\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u064a \u062a\u0637\u0628\u064a\u0642 React \u0646\u0645\u0648\u0630\u062c\u064a \u064a\u0639\u0645\u0644 \u0628\u0646\u0638\u0627\u0645 Vite:<\/span><\/p>\n <\/p>\n <\/p>\n\u0644\u0645\u0627\u0630\u0627 \u062a\u0633\u062a\u062e\u062f\u0645 Vite \u0644\u062a\u0637\u0648\u064a\u0631 React\u061f<\/span><\/h2>\n
\u0645\u0627 \u0647\u0648 \u0641\u064a\u062a\u064a\u061f<\/span><\/h3>\n
\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0625\u0639\u062f\u0627\u062f Vite<\/span><\/h2>\n
Node.js \u0648npm<\/span><\/h3>\n
\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0625\u0635\u062f\u0627\u0631 Node.js<\/span><\/h4>\n
\n<\/span>\u0633\u062d\u0642<\/span>
\n<\/span>\u0627\u0644\u0639\u0642\u062f\u0629 -v<\/span><\/p>\n\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0625\u0635\u062f\u0627\u0631 npm<\/span><\/h4>\n
\n<\/span>\u0633\u062d\u0642<\/span>
\n<\/span>npm -v<\/span><\/p>\n\u0645\u0639\u0631\u0641\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u0633\u0637\u0631 \u0627\u0644\u0623\u0648\u0627\u0645\u0631<\/span><\/h3>\n
\n
\u0645\u062d\u0631\u0631 \u0627\u0644\u0643\u0648\u062f<\/span><\/h3>\n
\n
![\"\"](\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-asphotograpy-887751.png\")
<\/p>\n\u0625\u0639\u062f\u0627\u062f Vite \u0644\u0645\u0634\u0631\u0648\u0639 React \u0627\u0644\u062e\u0627\u0635 \u0628\u0643: \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u062a\u062d\u0636\u064a\u0631<\/span><\/h2>\n
\u0627\u0644\u062e\u0637\u0648\u0629 1: \u062a\u062b\u0628\u064a\u062a Node.js \u0648npm (\u0625\u0630\u0627 \u0644\u0645 \u064a\u0643\u0646 \u0645\u062b\u0628\u062a\u064b\u0627)<\/span><\/h3>\n
\u0625\u0632\u0627\u0644\u0629 \u0625\u0635\u062f\u0627\u0631\u0627\u062a Node.js \u0627\u0644\u062d\u0627\u0644\u064a\u0629 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span><\/h4>\n
\n<\/span>\u0633\u062d\u0642<\/span>
\n<\/span>sudo apt \u0625\u0632\u0627\u0644\u0629 nodejs npm<\/span><\/p>\n\u0625\u0636\u0627\u0641\u0629 \u0645\u0633\u062a\u0648\u062f\u0639 NodeSource<\/span><\/h4>\n
\n<\/span>\u0633\u062d\u0642<\/span>
\n<\/span>curl -fsSL https:\/\/deb.nodesource.com\/setup_18.x | sudo -E bash \u2013<\/span><\/p>\n\u062a\u062b\u0628\u064a\u062a Node.js \u0648npm<\/span><\/h4>\n
\n<\/span>sudo apt install -y nodejs npm<\/span><\/p>\n\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062a\u062b\u0628\u064a\u062a<\/span><\/h4>\n
\n<\/span>\u0633\u062d\u0642<\/span>
\n<\/span>\u0627\u0644\u0639\u0642\u062f\u0629 -v<\/span><\/p>\n\u0627\u0644\u062e\u0637\u0648\u0629 2: \u062a\u062b\u0628\u064a\u062a Vite \u0639\u0627\u0644\u0645\u064a\u064b\u0627<\/span><\/h3>\n
\u0642\u0645 \u0628\u062a\u0634\u063a\u064a\u0644 \u0623\u0645\u0631 \u0627\u0644\u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a<\/span><\/h4>\n
\n<\/span>sudo npm install -g create-vite<\/span><\/p>\n\u0627\u0644\u062e\u0637\u0648\u0629 3: \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 React \u062c\u062f\u064a\u062f \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Vite<\/span><\/h3>\n
\u0642\u0645 \u0628\u062a\u0634\u063a\u064a\u0644 \u0623\u0645\u0631 \u0625\u0646\u0634\u0627\u0621 Vite<\/span><\/h4>\n
\n<\/span>\u0625\u0646\u0634\u0627\u0621 \u062a\u0637\u0628\u064a\u0642 npm vite@latest my-app<\/span><\/p>\n\u0627\u062a\u0628\u0639 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0627\u0644\u0625\u0639\u062f\u0627\u062f:<\/span><\/h4>\n
\n
\u0627\u0644\u062e\u0637\u0648\u0629 4: \u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0645\u062c\u0644\u062f \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643<\/span><\/h3>\n
\u062a\u063a\u064a\u064a\u0631 \u0625\u0644\u0649 \u062f\u0644\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span><\/h4>\n
\n<\/span>\u0642\u0631\u0635 \u0645\u0636\u063a\u0648\u0637 \u062a\u0637\u0628\u064a\u0642\u064a<\/span><\/p>\n\u0627\u0644\u062e\u0637\u0648\u0629 5: \u062a\u062b\u0628\u064a\u062a \u062a\u0628\u0639\u064a\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span><\/h3>\n
\u0642\u0645 \u0628\u062a\u0634\u063a\u064a\u0644 \u0623\u0645\u0631 \u0627\u0644\u062a\u062b\u0628\u064a\u062a<\/span><\/h4>\n
\n<\/span>\u062a\u062b\u0628\u064a\u062a npm<\/span><\/p>\n\u0627\u0644\u062e\u0637\u0648\u0629 6: \u0628\u062f\u0621 \u062a\u0634\u063a\u064a\u0644 \u062e\u0627\u062f\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/span><\/h3>\n
\u062a\u0634\u063a\u064a\u0644 \u062e\u0627\u062f\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/span><\/h4>\n
\n<\/span>\u062a\u0634\u063a\u064a\u0644 npm dev<\/span><\/p>\n
\n<\/span>\u0623\u0631\u062f\u0648\u064a\u0646\u0648<\/span>
\n<\/span>http:\/\/localhost:5173\/<\/span><\/p>\n\u0627\u0644\u062e\u0637\u0648\u0629 7: \u0639\u0631\u0636 \u062a\u0637\u0628\u064a\u0642 React \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d<\/span><\/h3>\n
\u0627\u0641\u062a\u062d \u0639\u0646\u0648\u0627\u0646 URL \u0627\u0644\u0645\u062d\u0644\u064a \u0641\u064a \u0645\u062a\u0635\u0641\u062d\u0643:<\/span><\/h4>\n
\n
![\"\"](\"https:\/\/mobian.studio\/wp-content\/uploads\/2024\/11\/pexels-pixabay-267392.png\")
<\/p>\n\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0647\u064a\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 Vite<\/span><\/h2>\n
\u0627\u0644\u0641\u0647\u0631\u0633.html<\/span><\/h3>\n
\n
src\/main.jsx<\/span><\/h3>\n
\n