މައިގަނޑު ކޮންޓެންޓަށް ސްކިޕް ކުރާށެވެ ޑޮކްސް ނެވިގޭޝަނަށް ސްކިޕް ކުރާށެވެ
Check
in English

ޙިއްސާވުން

އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ބިލްޑް ސްކްރިޕްޓްތަކާއި ޓެސްޓްތަކާއެކު ބޫޓްސްޓްރެޕް ޑިވެލޮޕް ކުރުމަށް އެހީތެރިވެދެއްވާށެވެ.

ޓޫލިންގ ސެޓަޕް

ބޫޓްސްޓްރެޕް އިން ޑޮކިއުމަންޓޭޝަން ބިލްޑްކޮށް ސޯސް ފައިލްތައް ކޮމްޕައިލް ކުރުމަށް npm ސްކްރިޕްޓްތައް ބޭނުން ކުރެއެވެ. އަޅުގަނޑުމެންގެ package.json ގައި ކޯޑް ކޮމްޕައިލް ކުރުމާއި، ޓެސްޓްތައް ހިންގުމާއި، އަދިވެސް އެތައް ކަމެއް ކުރުމަށް މި ސްކްރިޕްޓްތައް ބެހެއްޓިފައިވެއެވެ. މިއީ އަޅުގަނޑުމެންގެ ރިޕޮޒިޓަރީއާއި ޑޮކިއުމަންޓޭޝަންގެ ބޭރުން ބޭނުންކުރުމަށް ކަނޑައެޅިފައިވާ ކަންތައްތަކެއް ނޫނެވެ.

އަޅުގަނޑުމެންގެ ބިލްޑް ސިސްޓަމް ބޭނުންކޮށް، އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ލޯކަލްކޮށް ހިންގުމަށްޓަކައި، ބޫޓްސްޓްރެޕްގެ ސޯސް ފައިލްތަކާއި ނޯޑްގެ ކޮޕީއެއް ބޭނުންވާނެއެވެ. މި ފިޔަވަޅުތަކަށް އަމަލުކުރުމުން ރޮކް ކުރަން ތައްޔާރަށް ހުންނަން ޖެހޭނެ:

  1. އަޅުގަނޑުމެންގެ ޑިޕެންޑެންސީތައް މެނޭޖް ކުރުމަށް ބޭނުންކުރާ Node.js ޑައުންލޯޑްކޮށް އިންސްޓޯލް ކުރާށެވެ .
  2. ނުވަތަ ބޫޓްސްޓްރެޕްގެ މަސްދަރުތައް ޑައުންލޯޑް ނުވަތަ ބޫޓްސްޓްރެޕްގެ ރިޕޮޒިޓަރީ ފޯކް ކޮށްލާށެވެ .
  3. ރޫޓް /bootstrapޑައިރެކްޓަރީއަށް ގޮސް package.jsonnpm install ގައި ލިސްޓްކޮށްފައިވާ އަޅުގަނޑުމެންގެ ލޯކަލް ޑިޕެންޑެންސީތައް އިންސްޓޯލް ކުރުމަށް ދުއްވާށެވެ .

ނިމުމުން ކޮމާންޑް ލައިނުން ފޯރުކޮށްދޭ އެކި ކޮމާންޑްތައް ހިންގޭނެ އެވެ.

npm ސްކްރިޕްޓްތައް ބޭނުންކޮށްގެން

އަޅުގަނޑުމެންގެ package.json ގައި ޕްރޮޖެކްޓް ޑިވެލޮޕް ކުރުމަށް ގިނަ މަސައްކަތްތަކެއް ހިމެނެއެވެ. npm runތިބާގެ ޓާރމިނަލްގައި ހުރި ހުރިހާ npm ސްކްރިޕްޓްތައް ބަލާލުމަށް ދުއްވާލާށެވެ . ޕްރައިމަރީ މަސައްކަތްތަކުގެ ތެރޭގައި ހިމެނެނީ؛

މަސައްކަތެއް ތަފްޞީލު
npm start ސީއެސްއެސް އަދި ޖާވާސްކްރިޕްޓް ކޮމްޕައިލްކޮށް، ޑޮކިއުމަންޓޭޝަން ބިލްޑްކޮށް، ލޯކަލް ސަރވަރެއް ފަށައެވެ.
npm run dist dist/ކޮމްޕައިލް ކުރެވިފައިވާ ފައިލްތަކާއެކު ޑައިރެކްޓަރީ އުފައްދައެވެ . ސާސް , އޮޓޯޕްރިފިކްސަރ , އަދި ޓަރސަރ ބޭނުންކުރެއެވެ .
npm test ދުވުމަށްފަހު ލޯކަލްކޮށް ޓެސްޓްތައް ހިންގައެވެnpm run dist
npm run docs-serve ޑޮކިއުމަންޓޭޝަން ލޯކަލްކޮށް ބިލްޑްކޮށް ހިންގުން.
އަޅުގަނޑުމެންގެ ސްޓާޓަރ ޕްރޮޖެކްޓާއެކު npm މެދުވެރިކޮށް ބޫޓްސްޓްރެޕް އިން ފެށުން! އަމިއްލަ npm ޕްރޮޖެކްޓްގައި ބޫޓްސްޓްރެޕް ބިލްޑްކޮށް ކަސްޓަމައިޒް ކުރާނެ ގޮތް ބަލާލުމަށް twbs/bootstrap-npm-starter ޓެމްޕްލޭޓް ރިޕޮޒިޓަރީއަށް ދާށެވެ . ސާސް ކޮމްޕައިލަރ، އޮޓޯޕްރިފިކްސަރ، ސްޓައިލިންޓް، ޕާޖްސީއެސްއެސް، އަދި ބޫޓްސްޓްރަޕް އައިކޮންސް ހިމެނެއެވެ.

ސާސް އެވެ

އަޅުގަނޑުމެންގެ ސާސް ސޯސް ފައިލްތައް ސީއެސްއެސް ފައިލްތަކަށް (އަޅުގަނޑުމެންގެ ބިލްޑް ޕްރޮސެސްގައި ހިމެނޭ) ކޮމްޕައިލް ކުރުމަށް ބޫޓްސްޓްރެޕް ބޭނުންކުރަނީ ޑާރޓް ސާސް ކަމަށާއި، އަމިއްލަ އެސެޓް ޕައިޕްލައިން ބޭނުންކޮށްގެން ސާސް ކޮމްޕައިލް ކުރާނަމަ އެކަން ކުރުމަށް އަޅުގަނޑުމެން ލަފާދެމެވެ. އަޅުގަނޑުމެން ކުރިން ބޫޓްސްޓްރެޕް v4 އަށް ނޯޑް ސާސް ބޭނުންކުރި ނަމަވެސް ލިބްސަސް އާއި އޭގެ މަތީގައި ބިނާކޮށްފައިވާ ޕެކޭޖްތައް، ނޯޑް ސާސް ހިމެނޭ ގޮތަށް، މިހާރު ޑިޕްރެކޭޓް ވެއްޖެއެވެ .

ޑާރޓް ސާސް އިން ބޭނުންކުރަނީ 10 ގެ ރައުންޑިންގ ޕްރެސިޝަން އެއް ކަމަށާއި، އެފިޝަންސީ ސަބަބުތަކާހުރެ މި ވެލިއު އެޖެސްޓް ކުރުމަށް ހުއްދަ ނުދޭ ކަމަށެވެ. އަޅުގަނޑުމެން އުފައްދާ ސީއެސްއެސް އިތުރަށް ޕްރޮސެސިންގ ކުރާއިރު، މިނިފިކޭޝަން ކުރާއިރު ފަދައިން، މި ޕްރެސިޝަން ދަށް ނުކުރަން، އެކަމަކު އެކަން ކުރަން އިޚްތިޔާރު ކުރިނަމަ ބްރައުޒާ ރައުންޑިންގ އަށް ދިމާވާ މައްސަލަތައް ހުއްޓުވުމަށްޓަކައި މަދުވެގެން 6 ގެ ޕްރެސިޝަން ބެލެހެއްޓުމަށް އަޅުގަނޑުމެން ލަފާދެމެވެ.

އޮޓޯޕްރިފިކްސަރ އެވެ

ބޫޓްސްޓްރަޕް އިން ބިލްޑް ކުރާއިރު ބައެއް ސީއެސްއެސް ޕްރޮޕަޓީތަކަށް އޮޓޮމެޓިކުން ވެންޑަރ ޕްރިފިކްސް އިތުރުކުރުމަށް އޮޓޯޕްރިފިކްސަރ (އަޅުގަނޑުމެންގެ ބިލްޑް ޕްރޮސެސްގައި ހިމެނޭ) ބޭނުންކުރެއެވެ. އެކަން ކުރުމުން އަޅުގަނޑުމެންގެ ސީއެސްއެސްގެ މުހިއްމު ބައިތައް އެއްފަހަރު ލިޔުމުގެ ފުރުސަތު ލިބިގެންދާއިރު v3 އިން ފެންނަ ފަދަ ވެންޑަރ މިކްސިންތަކުގެ ބޭނުން ނައްތާލެވޭނެއެވެ.

އަޅުގަނޑުމެން އޮޓޯޕްރިފިކްސަރ މެދުވެރިކޮށް ސަޕޯޓްކުރާ ބްރައުޒާތަކުގެ ލިސްޓް އަޅުގަނޑުމެންގެ ގިޓްހަބް ރިޕޮޒިޓަރީގެ ތެރޭގައި ވަކި ފައިލެއްގައި ބެލެހެއްޓުން. ތަފްސީލު ހޯދުމަށް .browserslistrc ބައްލަވާށެވެ .

އާރްޓީއެލްސީއެސްއެސް އެވެ

ބޫޓްސްޓްރެޕް އިން ކޮމްޕައިލް ކުރެވިފައިވާ ސީއެސްއެސް ޕްރޮސެސްކޮށް އާރުޓީއެލް އަށް ބަދަލުކުރުމަށް އާރްޓީއެލްސީއެސްއެސް ބޭނުންކުރެއެވެ – އަސާސީ ގޮތުން ހޮރިޒޮންޓަލް ޑިރެކްޝަން އެވޭއާރ ޕްރޮޕަޓީސް (އެބަހީ padding-left) ގެ ބަދަލުގައި އެ ޕްރޮޕަޓީސް ގެ އިދިކޮޅު ޕްރޮޕަޓީސް އަށް ބަދަލުކޮށްދެއެވެ. އެއީ އަޅުގަނޑުމެންނަށް ހަމައެކަނި އަޅުގަނޑުމެންގެ ސީއެސްއެސް އެއްފަހަރު ލިޔެ، އާރުޓީއެލްސީއެސްއެސް ކޮންޓްރޯލް އަދި ވެލިއު ޑިރެކްޓިވްސް ބޭނުންކޮށްގެން ކުދިކުދި ޓްވީކްތައް ހެދުމުގެ ފުރުސަތު ލިބޭ އެއްޗެކެވެ.

ލޯކަލް ޑޮކިއުމަންޓޭޝަން

އަޅުގަނޑުމެންގެ ޑޮކިއުމަންޓޭޝަން ލޯކަލްކޮށް ހިންގުމަށްޓަކައި ހޫގޯ ބޭނުންކުރަންޖެހޭއިރު، މިއީ hugo-bin npm ޕެކޭޖް މެދުވެރިކޮށް އިންސްޓޯލް ކުރެވޭ އެއްޗެކެވެ. ހޫގޯ އަކީ އަޅުގަނޑުމެންނަށް ފޯރުކޮށްދޭ ބްލޭޒިންގލީ ފަސްޓް އަދި ފުދޭވަރަކަށް އެކްސްޓެންސިބަލް ސްޓޭޓިކް ސައިޓް ޖަނަރޭޓަރެއް: އަސާސީ ހިމެނޭ، މާކްޑައުން އަށް ބިނާކޮށްފައިވާ ފައިލްތަކާއި، ޓެމްޕްލޭޓްތަކާއި، އަދިވެސް އެތައް ކަމެއް. މިއީ އެކަން ފެށޭނެ ގޮތެވެ:

  1. ހުރިހާ ޑިޕެންޑެންސީތަކެއް އިންސްޓޯލް ކުރުމަށްޓަކައި މަތީގައިވާ ޓޫލިންގ ސެޓަޕް މެދުވެރިކޮށް ހިންގާށެވެ .
  2. ރޫޓް /bootstrapޑައިރެކްޓަރީން npm run docs-serveކޮމާންޑް ލައިންގައި ހިންގާށެވެ.
  3. ބްރައުޒާގައި ހުޅުވާލާފައި http://localhost:9001/، އަދި voilà.

ހޫގޯ ބޭނުންކުރުމާ ބެހޭ އިތުރު މައުލޫމާތު އޭގެ ޑޮކިއުމަންޓޭޝަން ކިޔައިގެން ހޯއްދަވާށެވެ .

މައްސަލަ ހައްލުކުރުން

ޑިޕެންޑެންސީތައް އިންސްޓޯލްކުރުމުގައި މައްސަލަތަކެއް ދިމާވެއްޖެނަމަ، ކުރީގެ ހުރިހާ ޑިޕެންޑެންސީ ވަރޝަންތަކެއް (ގްލޯބަލް އަދި ލޯކަލް) އަންއިންސްޓޯލް ކުރާށެވެ. ދެން، އަލުން ހިންގާށެވެ npm install.