bash on windowsの設定
nuxt.js + element uiの導入
$ mkdir nuxt
$ cd nuxt
$ npm init
$ vi package.json
package.jsonの中身
今回使用したバージョンではdependenciesのvue関連の3つのバージョンをそろえて記載しないとエラーとなります。
元ネタのURL
{
"name": "nuxt",
"version": "1.0.0",
"description": "Nuxt.js project",
"author": "",
"private": true,
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
"precommit": "npm run lint"
},
"dependencies": {
"nuxt": "^1.0.0-rc11",
"vue": "^2.5.3",
"vue-server-renderer": "^2.5.3",
"vue-template-compiler": "^2.5.3",
"element-ui": "^2.0.8"
},
"devDependencies": {
"babel-eslint": "^7.2.3",
"eslint": "^4.3.0",
"eslint-config-standard": "^10.2.1",
"eslint-loader": "^1.9.0",
"eslint-plugin-html": "^3.1.1",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-node": "^5.1.1",
"eslint-plugin-promise": "^3.5.0",
"eslint-plugin-standard": "^3.0.1"
}
}
$ npm i
動かすためのファイルを作成
設定ファイル
・nuxt.config.js
・plugins/element-ui.js
コンテンツ
・layouts/default.vue
・pages/index.vue
nuxt.jsを動かす
$ npm run dev
OPEN http://localhost:3000
と表示されたら成功です。
また、「npmのせいではない」といった内容のエラーが出た場合は、
ポートが使用されている場合があるので、bash on windowsを再起動するなどして解消させました。