تبلیغات در اینترنتclose
دوره آموزش gulpjs قسمت چهارم: خطایابی کدهای JavaScript
زمان جاری : یکشنبه 30 تیر 1398 - 11:54 قبل از ظهر
نام کاربری : پسورد : یا عضویت | رمز عبور را فراموش کردم





تبلیغات در اینترنتclose

ارسال پاسخ
تعداد بازدید 94
نویسنده پیام
senator007700 آفلاین


ارسال‌ها : 60
عضویت: 12 /12 /1396
محل زندگی: تهران
سن: 17
تشکرها : 2
تشکر شده : 18
دوره آموزش gulpjs قسمت چهارم: خطایابی کدهای JavaScript
کدهای JavaScript معمولا به سادگی خطایابی نمی‌شوند و ممکن است اجرای نرم افزار شما در برخی مرورگرها با مشکل مواجه شوند. در این قسمت با GulpJS به شما ابزارهایی را معرفی می‌کنیم که کدهای خود را خطایابی و اصلاح کنید.
برای شروع باید دستور زیر را اجرا کنید:

کد:

npm i -D jshint gulp-jshint gulp-jscs jshint-stylish

در فایل gulpfile.js سورس زیر را وارد کنید:

کد:

var gulp = require('gulp');
var jshint = require('gulp-jshint');

gulp.task('check_js', function(){
gulp
.src([
'js/*.js'
])
.pipe(jshint())
.pipe(jshint.reporter('jshint-stylish', {verbose: true}));
});

در سطر دوم پلاگین‌ gulp-jshint را به فایل خود اضافه کردیم.
در task با نام check_js با استفاده از pipe دستور
کد:

jshint()

را وارد کنید.
در خط یکی مانده به آخر با دستور pipe خروجی‌ها را کانفیگ می‌کنیم.
در خط فرمان CMD دستور
کد:

gulp check_js

را وارد کنید تا کل سورس‌های JavaScript پوشه js خطایابی شوند.
در مثال فوق با jshint خطایابی کدهای javascript را بررسی کردیم. در ادامه فرایند خطایابی را با jscs انجام می‌دهیم.
در پوشه پروژه یک فایل به نام
کد:

.jscsrc

ایجاد کنید و درون آن تنها کاراکترهای
کد:

{}

را قرار دهید.
سورس زیر را در فایل gulpfile.js اضافه کنید:

کد:

var gulp = require('gulp');
var jscs = require('gulp-jscs');

gulp.task('check_js', function(){
gulp
.src([
'js/*.js'
])
.pipe(jscs())
.pipe(jscs.reporter());
});

این پلاگین نتایج را با ساختار دیگری نمایش می‌دهد.

امضای کاربر : شریم بی امان
یکشنبه 20 اسفند 1396 - 18:38
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
ارسال پاسخ



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.


پرش به انجمن :


تماس با ما | دوره آموزش gulpjs قسمت چهارم: خطایابی کدهای JavaScript | بازگشت به بالا | پیوند سایتی RSS
تاپیک های مرتبط
موضوع تاریخ تعداد پاسخ آخرین ارسال بازدید
[Post_Title] [Post_Date] [Post_Answer] [Post_Last_User] [Post_Hit]