2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

windowsでnuxt.js+element uiを動かす

Last updated at Posted at 2017-12-20

git bash でnuxtjs+element uiを動かす

前の投稿でbash on windowsを使用したのですが
別に普通にwindowsで動きましたのでそのメモを記載します。

インストールするもの

・node
・git for windows

git bash のhomeディレクトリを変更

こちらを参照してください

nuxtを導入

git bash でディレクトリを作成

$ mkdir nuxt
$ cd nuxt

package.jsonをnuxtディレクトリに作成

{
 "name": "nuxt",
 "version": "1.0.0",
 "description": "Nuxt.js project",
 "author": "hiro",
 "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のインストール

$ npm i

nuxtを実行

$ npm run dev

http://localhost:3000にブラウザでアクセス

以上

2
3
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?