Tús a chur leis Nuxt.js: Suiteáil, Cumraíocht agus An Chéad Leathanach

Nuxt.js Tionscadal a Shuiteáil agus a Chumrú

Suiteáil Node.js

Cinntigh go bhfuil Node.js suiteáilte ar do ríomhaire. Is féidir leat an leagan is déanaí a íoslódáil ó láithreán gréasáin oifigiúil Node.js.

Suiteáil Vue CLI

Oscail do chuid Terminal nó Command Prompt agus rith an t-ordú seo a leanas chun Vue CLI a shuiteáil(mura bhfuil sé suiteáilte cheana féin):

npm install -g vue-cli

Cruthaigh Nuxt.js Tionscadal

Sa Terminal, déan nascleanúint chuig an eolaire inar mian leat do thionscadal a chruthú agus rith an t-ordú seo a leanas chun tionscadal a chruthú Nuxt.js:

vue init nuxt-community/starter-template my-nuxt-project

Cumraíocht an Tionscadail

Lean na leideanna sa chun Terminal do thionscadal a chumrú. Is féidir leat roghanna éagsúla a roghnú le haghaidh do thionscadal, mar shampla ESLint a úsáid, suiteáil Axios, etc.

An Chéad Leathanach á Chruthú agus Ábhar Bunúsach á Thaispeáint:

Oscail Eolaire Tionscadal

Oscail do chuid Terminal agus nascleanúint chuig an eolaire tionscadail ag baint úsáide as an ordú cd my-nuxt-project(nó an t-ainm fillteáin a roghnaigh tú).

Cruthaigh Leathanach Nua

Úsáid an Vue CLI chun leathanach nua a ghiniúint leis an ordú seo a leanas:

npx vue-cli-service generate page mypage

Cuir an Leathanach Nua in Eagar

Oscail an mypage.vue comhad san pages eolaire agus cuir ábhar an leathanaigh in eagar. Is féidir leat HTML, comhpháirteanna Vue, agus sonraí a chur leis.

Taispeáin an Leathanach

Sa layouts/default.vue chomhad, is féidir leat an <nuxt/> chlib a úsáid chun ábhar an leathanaigh a thaispeáint.

Rith an Tionscadal

Sa Terminal, rith an t-ordú seo a leanas chun an tionscadal a thosú agus féachaint ar do leathanach sa bhrabhsálaí:

npm run dev

Anois tá do chéad leathanach agat sa Nuxt.js tionscadal agus is féidir leat an t-ábhar a shaincheapadh de réir mar is mian leat.