حالا در پایان سال ۲۰۱۷ تست کردن و نصب بزرگترین فریم ورک های جاوااسکریپت (Angular 2, React, Vue.js) به طرز عجیبی ساده شده است و شما می توانید در ۱ ساعت هر سه را نصب کرده و امتحان کنید.

در این پست کوتاه و کاربردی به شما نشان می دهیم که چگونه پروژه خود را با هر ۳ فریم ورک به آسانی شروع کنید.

نکته در استفاده از ابزارهای CLI نهفته است

Angular 2, React و Vue.js هر سه به همراه ابزارهای خط فرمان CLI عرضه شده اند و همین موضوع باعث می شود شروع پروژه با آنها به طرز وحشتناکی ساده باشد. دیگر نیازی نیست کارهای بیهوده برای ایجاد کردن پروژه با gulp, grunt یا webpack انجام دهید. هوورا.

پروژه هایی که با این ابزارهای CLI ایجاد شده اند درون خود دسته ای از ابزارهای توسعه دارند مثل بروزرسانی لحظه ای تغییرات در نمایش (live reload)، سرور توسعه ، precompiler ها مثل SASS و unit testing و ….

پیش نیازها

شما فقط به خط فرمان (در ویندوز CMD و در لینوکس Terminal) نیاز دارید و همچنین Node.js باید روی کامپیوترتان نصب باشد.از این لینک: https://nodejs.org/en/download/package-manager/#nvm

دستورات زیر روی ترمینال لینوکس تست شده اند ولی طبیعتا روی ویندوز هم باید کار کنند.با این حال اگر مشکلی دیدید در نظرات همین پست بگید تا رفع کنیم.

جایزه: مثل من تنبل هستید یا عجله دارید؟ این مخزن گیت را کلون کنید، پروژه های  مربوط به هر سه فریم ورک اصلی را دارد.

اگر به هر دلیلی عجله دارید می توانید مخزن زیر را به راحتی روی کامپیوتر خود بریزید زیرا داخل آن پروژه های ساده برای شروع مربوط به هر ۳ فریم ورک ذکر شده در بالا وجود دارد.فقط کافیست توضیحات README را دنبال کنید.

https://github.com/monarchjhaveri/quickly-explore-angular2-react-vuejs

به بحث اصلی برگردیم و بریم سراغ نصب پروژه های ابتدایی فریم ورک ها.

نصب ساده Angular 2

اول برنامه را generate کنید

npm install -g @angular/cli
ng new PROJECT-NAME
cd PROJECT-NAME
ng serve

سپس طبق توضیحات اصلی عمل کنید.

نصب ساده React

اول برنامه را generate کنید

npm install -g create-react-app

create-react-app PROJECT-NAME
cd PROJECT-NAME
npm start

سپس طبق این ویدیو پیش برید با سرعت ۱.۵ یا ۲ برابر.

نصب ساده Vue.js

اول برنامه را generate کنید

npm install -g vue-cli
vue init webpack PROJECT-NAME
cd PROJECT-NAME
npm install # Only Vue requires you to install manually
npm start

سپس طبق این مقاله پیش برید.داخل این مقاله یک ویدیو عالی هم وجود دارد.

تمام!

امیدوارم برای شما مفید بوده باشد، خوشحال میشم از نظرات تون در زیر پست استفاده کنم.

منبع