ସାଧନ ନିର୍ମାଣ କରନ୍ତୁ |
ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଗଠନ, ଉତ୍ସ କୋଡ୍ ସଂକଳନ, ପରୀକ୍ଷା ଚଲାଇବା, ଏବଂ ଅଧିକ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଅନ୍ତର୍ଭୁକ୍ତ npm ସ୍କ୍ରିପ୍ଟଗୁଡିକ କିପରି ବ୍ୟବହାର କରିବେ ଶିଖନ୍ତୁ |
ସାଧନ ସେଟଅପ୍ |
ବୁଟଷ୍ଟ୍ରାପ୍ ଏହାର ନିର୍ମାଣ ସିଷ୍ଟମ୍ ପାଇଁ npm ସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରେ | ଆମର ପ୍ୟାକେଜ୍। Json framework ାଞ୍ଚା ସହିତ କାର୍ଯ୍ୟ କରିବା ପାଇଁ ସୁବିଧାଜନକ ପଦ୍ଧତି ଅନ୍ତର୍ଭୂକ୍ତ କରେ, କୋଡ୍ ସଂକଳନ, ପରୀକ୍ଷା ପରୀକ୍ଷା, ଏବଂ ଅଧିକ |
ଆମର ବିଲ୍ଡ ସିଷ୍ଟମ୍ ବ୍ୟବହାର କରିବାକୁ ଏବଂ ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ସ୍ଥାନୀୟ ଭାବରେ ଚଲାଇବାକୁ, ଆପଣଙ୍କୁ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଉତ୍ସ ଫାଇଲ୍ ଏବଂ ନୋଡର ଏକ କପି ଦରକାର | ଏହି ପଦକ୍ଷେପଗୁଡିକ ଅନୁସରଣ କରନ୍ତୁ ଏବଂ ଆପଣ ପଥର ମାରିବାକୁ ପ୍ରସ୍ତୁତ ହେବା ଉଚିତ୍:
- Node.js କୁ ଡାଉନଲୋଡ୍ ଏବଂ ସଂସ୍ଥାପନ କର, ଯାହାକୁ ଆମେ ଆମର ନିର୍ଭରଶୀଳତା ପରିଚାଳନା ପାଇଁ ବ୍ୟବହାର କରୁ |
/bootstrap
ରୁଟ୍ ଡିରେକ୍ଟୋରୀକୁ ନେଭିଗେଟ୍ କରନ୍ତୁ ଏବଂ package.jsonnpm install
ରେ ତାଲିକାଭୁକ୍ତ ଆମର ସ୍ଥାନୀୟ ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାକୁ ଚଲାନ୍ତୁ |- ରୁବି ସଂସ୍ଥାପନ କରନ୍ତୁ, ସହିତ ବଣ୍ଡଲର୍
gem install bundler
ସଂସ୍ଥାପନ କରନ୍ତୁ ଏବଂ ଶେଷରେ ଚଲାନ୍ତୁbundle install
| ଏହା ସମସ୍ତ ରୁବି ନିର୍ଭରଶୀଳତା, ଯେପରିକି ଜେକିଲ୍ ଏବଂ ପ୍ଲଗଇନ୍ ସଂସ୍ଥାପନ କରିବ |- ୱିଣ୍ଡୋଜ୍ ବ୍ୟବହାରକାରୀ: ଜେକିଲ୍ ଅପ୍ ଏବଂ ବିନା ସମସ୍ୟାରେ ଚାଲିବା ପାଇଁ ଏହି ଗାଇଡ୍ ପ Read ନ୍ତୁ |
ସମାପ୍ତ ହେବା ପରେ, ଆପଣ କମାଣ୍ଡ୍ ଲାଇନ୍ ରୁ ପ୍ରଦତ୍ତ ବିଭିନ୍ନ କମାଣ୍ଡ୍ ଚଲାଇବାକୁ ସମର୍ଥ ହେବେ |
Npm ସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରି |
ଆମର package.json ନିମ୍ନଲିଖିତ ନିର୍ଦ୍ଦେଶ ଏବଂ କାର୍ଯ୍ୟଗୁଡ଼ିକୁ ଅନ୍ତର୍ଭୁକ୍ତ କରେ:
କାର୍ଯ୍ୟ | ବର୍ଣ୍ଣନା |
---|---|
npm run dist |
npm run dist /dist/ ସଙ୍କଳିତ ଫାଇଲଗୁଡ଼ିକ ସହିତ ଡିରେକ୍ଟୋରୀ ସୃଷ୍ଟି କରେ | ସାସ୍ , ଅଟୋଫ୍ରେଫିକ୍ସର୍ ଏବଂ UglifyJS ବ୍ୟବହାର କରେ | |
npm test |
ସମାନ ଭାବରେ npm run dist ଏହା ସ୍ଥାନୀୟ ଭାବରେ ପରୀକ୍ଷା ଚଲାଇଥାଏ | |
npm run docs |
ଡକସ୍ ପାଇଁ CSS ଏବଂ JavaScript ନିର୍ମାଣ ଏବଂ ଲାଇନ୍ କରେ | ତାପରେ ଆପଣ ସ୍ଥାନୀୟ ଭାବରେ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଚଲାଇପାରିବେ npm run docs-serve | |
npm run
ସମସ୍ତ npm ସ୍କ୍ରିପ୍ଟ ଦେଖିବାକୁ ଚଲାନ୍ତୁ |
ଅଟୋଫ୍ରେଫିକ୍ସର୍ |
ନିର୍ମାଣ ସମୟରେ କିଛି CSS ଗୁଣରେ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ବିକ୍ରେତା ଉପସର୍ଗ ଯୋଡିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ ଅଟୋଫ୍ରେଫିକ୍ସର୍ (ଆମର ନିର୍ମାଣ ପ୍ରକ୍ରିୟାରେ ଅନ୍ତର୍ଭୂକ୍ତ) ବ୍ୟବହାର କରେ | ଏହା କରିବା ଦ୍ us ାରା ଆମକୁ CSS ର ପ୍ରମୁଖ ଅଂଶ ଲେଖିବାକୁ ଅନୁମତି ଦେଇ ଆମକୁ ସମୟ ଏବଂ କୋଡ୍ ସଞ୍ଚୟ କରେ ଯେତେବେଳେ v3 ରେ ମିଳୁଥିବା ପରି ବିକ୍ରେତା ମିଶ୍ରଣର ଆବଶ୍ୟକତାକୁ ଦୂର କରେ |
ଆମର GitHub ରେପୋଜିଟୋରୀ ମଧ୍ୟରେ ଏକ ପୃଥକ ଫାଇଲରେ ଅଟୋଫ୍ରେଫିକ୍ସର୍ ମାଧ୍ୟମରେ ସମର୍ଥିତ ବ୍ରାଉଜର୍ ତାଲିକା ଆମେ ବଜାୟ ରଖୁ | ବିବରଣୀ ପାଇଁ .browserslistrc ଦେଖନ୍ତୁ |
ସ୍ଥାନୀୟ ଡକ୍ୟୁମେଣ୍ଟେସନ୍ |
ସ୍ଥାନୀୟ ଭାବରେ ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ଚଲାଇବା ପାଇଁ ଜେକିଲ୍ ବ୍ୟବହାର ଆବଶ୍ୟକ କରେ, ଏକ ନମନୀୟ ନମନୀୟ ଷ୍ଟାଟିକ୍ ସାଇଟ୍ ଜେନେରେଟର ଯାହା ଆମକୁ ଯୋଗାଇଥାଏ: ମ basic ଳିକ ଅନ୍ତର୍ଭୂକ୍ତ କରେ, ମାର୍କଡାଉନ୍-ଆଧାରିତ ଫାଇଲ୍, ଟେମ୍ପଲେଟ୍, ଏବଂ ଅଧିକ | ଏହାକୁ କିପରି ଆରମ୍ଭ କରାଯିବ ତାହା ଏଠାରେ ଅଛି:
- ଜେକିଲ୍ (ସାଇଟ୍ ବିଲଡର୍) ଏବଂ ଅନ୍ୟାନ୍ୟ ରୁବି ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାକୁ ଉପରୋକ୍ତ ଟୁଲିଂ ସେଟଅପ୍ ମାଧ୍ୟମରେ ଚଲାନ୍ତୁ
bundle install
| - ରୁଟ୍
/bootstrap
ଡିରେକ୍ଟୋରୀରୁ,npm run docs-serve
କମାଣ୍ଡ୍ ଲାଇନ୍ ରେ ଚଲାନ୍ତୁ | http://localhost:9001
ଆପଣଙ୍କର ବ୍ରାଉଜର୍ ରେ ଖୋଲନ୍ତୁ, ଏବଂ voilà |
ଏହାର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ପ by ି Jekyll ବ୍ୟବହାର ବିଷୟରେ ଅଧିକ ଜାଣନ୍ତୁ |
ସମସ୍ୟା ନିବାଋଣ
ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାରେ ଆପଣ ଅସୁବିଧାର ସମ୍ମୁଖୀନ ହେବା ଉଚିତ କି, ସମସ୍ତ ପୂର୍ବ ନିର୍ଭରଶୀଳ ସଂସ୍କରଣ (ବିଶ୍ୱ ଏବଂ ସ୍ଥାନୀୟ) ସଂସ୍ଥାପନ କରନ୍ତୁ | ତାପରେ, ପୁନର୍ବାର ଚଲାନ୍ତୁ npm install
|