vue cliのインストール
ryosubsornoAir3:Vue substupor$ npm install -g @vue/cli
npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN rm not removing /Users/substupor/.npm-global/bin/vue as it wasn't installed by /Users/substupor/.npm-global/lib/node_modules/@vue/cli
/Users/substupor/.npm-global/bin/vue -> /Users/substupor/.npm-global/lib/node_modules/@vue/cli/bin/vue.js
+ @vue/cli@4.1.2
updated 1 package in 40.586s
ryosubsornoAir3:Vue substupor$ npm install -g @vue/cli
npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
/Users/substupor/.nodebrew/node/v12.3.0/bin/vue -> /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/bin/vue.js
fsevents@1.2.11 install /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/fsevents
node-gyp rebuild
SOLINK_MODULE(target) Release/.node
CXX(target) Release/obj.target/fse/fsevents.o
In file included from ../fsevents.cc:6:
In file included from ../../nan/nan.h:54:
/Users/substupor/.node-gyp/12.3.0/include/node/node.h:107:12: fatal error: 'util-inl.h' file
not found
# include <util-inl.h>
^~~~~~~~~~~~
1 error generated.
gyp ERR! build error
gyp ERR! stack Error: make failed with exit code: 2
gyp ERR! stack at ChildProcess.onExit (/Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23)
gyp ERR! stack at ChildProcess.emit (events.js:200:13)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12)
gyp ERR! System Darwin 18.2.0
gyp ERR! command "/Users/substupor/.nodebrew/node/v12.3.0/bin/node" "/Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/fsevents
gyp ERR! node -v v12.3.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
core-js@2.6.11 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/babel-polyfill/node_modules/core-js
node -e "try{require('./postinstall')}catch(e){}"
The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
core-js@2.6.11 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/babel-runtime/node_modules/core-js
node -e "try{require('./postinstall')}catch(e){}"
core-js@3.6.1 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/core-js
node -e "try{require('./postinstall')}catch(e){}"
@apollo/protobufjs@1.0.3 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/@apollo/protobufjs
node scripts/postinstall
nodemon@1.19.4 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/nodemon
node bin/postinstall || exit 0
ejs@2.7.4 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/ejs
node ./postinstall.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules/@vue/cli/node_modules/fsevents):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 install: node-gyp rebuild
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
+ @vue/cli@4.1.2
added 1081 packages from 623 contributors in 58.587s
ryosubsornoAir3:vue-web-extension-1.12.0 substupor$ yarn global add @vue/cli-init
yarn global v1.13.0
1/4 🔍 Resolving packages... warning @vue/cli-init > vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli
warning @vue/cli-init > vue-cli > coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
warning @vue/cli-init > vue-cli > metalsmith > gray-matter > coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
2/4 🚚 Fetching packages... 3/4 🔗 Linking dependencies... warning "vanilla-clipper > monocle-ts@1.7.2" has unmet peer dependency "fp-ts@^1.11.0".
warning "vanilla-clipper > @postlight/mercury-parser > request-promise@4.2.4" has unmet peer dependency "request@^2.34".
warning "vanilla-clipper > @yarnaimo/rain > io-ts-types@0.4.7" has unmet peer dependency "fp-ts@^1.0.0".
warning "vanilla-clipper > @yarnaimo/rain > io-ts-types@0.4.7" has unmet peer dependency "newtype-ts@^0.2.1".
warning "vanilla-clipper > @postlight/mercury-parser > request-promise > request-promise-core@1.1.2" has unmet peer dependency "request@^2.34".
4/4 🔨 Building fresh packages... warning "@vue/cli-init@4.1.2" has no binaries
✨ Done in 9.21s.
ryosubsornoAir3:~ substupor$ npm ls -g --depth=0
/Users/substupor/.npm-global/lib
├── @vue/cli@4.1.2
├── vanilla-clipper@0.2.0
└── vue-cli@2.9.6
ryosubsornoAir3:~ substupor$ npm uninstall -g @vue/cli@4.1.2
up to date in 0.045s
ryosubsornoAir3:~ substupor$ npm uninstall -g vanilla-clipper
npm WARN checkPermissions Missing write access to /Users/substupor/.npm-global/lib/node_modules/vanilla-clipper/node_modules/@postlight/mercury-parser/node_modules
npm WARN checkPermissions Missing write access to /Users/substupor/.npm-global/lib/node_modules/vanilla-clipper/node_modules
npm ERR! path /Users/substupor/.npm-global/lib/node_modules/vanilla-clipper/node_modules/@postlight/mercury-parser/node_modules
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/Users/substupor/.npm-global/lib/node_modules/vanilla-clipper/node_modules/@postlight/mercury-parser/node_modules'
npm ERR! stack: 'Error: EACCES: permission denied, access ' +
npm ERR! "'/Users/substupor/.npm-global/lib/node_modules/vanilla-clipper/node_modules/@postlight/mercury-parser/node_modules'",
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/Users/substupor/.npm-global/lib/node_modules/vanilla-clipper/node_modules/@postlight/mercury-parser/node_modules'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator (though this is not recommended).
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/substupor/.npm/_logs/2020-01-03T12_12_09_350Z-debug.log
ryosubsornoAir3:~ substupor$ sudo root npm uninstall -g
Password:
Sorry, try again.
Password:
sudo: root: command not found
ryosubsornoAir3:~ substupor$ npm uninstall -g npm
up to date in 0.054s
ryosubsornoAir3:~ substupor$ rm -rf .npm
Display all 123 possibilities? (y or n)
ryosubsornoAir3:~ substupor$ rm -rf .npm
[CryosubsornoAir3:~ substupor$ [C
ryosubsornoAir3:~ substupor$ rm -rf .npm \
c
ryosubsornoAir3:~ substupor$ rm -rf .npm \
ryosubsornoAir3:~ substupor$
ryosubsornoAir3:~ substupor$ rm -rf .npm
ryosubsornoAir3:~ substupor$ rm -rf .npm \
node_modules
ryosubsornoAir3:~ substupor$ which node
/usr/local/bin/node
ryosubsornoAir3:~ substupor$ rm -rf /usr/local/bin/node
ryosubsornoAir3:~ substupor$ curl -L git.io/nodebrew | perl - setup
% Total % Received % Xferd Average Speed Time Time Time Current
Dload Upload Total Spent Left Speed
0 0 0 0 0 0 0 0 --:--:-- --:--:-- --:--:-- 0
0 0 0 0 0 0 0 0 --:--:-- 0:00:01 --:--:-- 0
0 0 0 0 0 0 0 0 --:--:-- 0:00:02 --:--:-- 0
100 24634 100 24634 0 0 10573 0 0:00:02 0:00:02 --:--:-- 10573
Fetching nodebrew...
Installed nodebrew in $HOME/.nodebrew
========================================
Export a path to nodebrew:
export PATH=$HOME/.nodebrew/current/bin:$PATH
========================================
ryosubsornoAir3:~ substupor$ export PATH=$HOME/.nodebrew/current/bin:$PATH
ryosubsornoAir3:~ substupor$ [nodebrew install-binary latest
-bash: [nodebrew: command not found
ryosubsornoAir3:~ substupor$ nodebrew install-binary latest
######################################################################## 100.0%
Installed successfully
ryosubsornoAir3:~ substupor$ nodebrew ls
v11.11.0
v12.3.0
v12.3.1
v13.5.0
current: v12.3.0
ryosubsornoAir3:~ substupor$ node -v
v12.3.0
ryosubsornoAir3:~ substupor$ cd /Users/substupor/Documents/Vue
ryosubsornoAir3:Vue substupor$ ls
vue-web-extension
ryosubsornoAir3:Vue substupor$ npm --version
6.9.0
ryosubsornoAir3:Vue substupor$ npm install -g @vue/cli
npm WARN deprecated core-js@2.6.11: core-js@♥ is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN rm not removing /Users/substupor/.npm-global/bin/vue as it wasn't installed by /Users/substupor/.npm-global/lib/node_modules/@vue/cli
/Users/substupor/.npm-global/bin/vue -> /Users/substupor/.npm-global/lib/node_modules/@vue/cli/bin/vue.js
+ @vue/cli@4.1.2
updated 1 package in 40.586s
ryosubsornoAir3:Vue substupor$ vue
-bash: vue: command not found
ryosubsornoAir3:Vue substupor$ vue --version
-bash: vue: command not found
ryosubsornoAir3:Vue substupor$ npm install -g @vue/cli
npm WARN deprecated core-js@2.6.11: core-js@♥ is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
/Users/substupor/.nodebrew/node/v12.3.0/bin/vue -> /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/bin/vue.js
fsevents@1.2.11 install /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/fsevents
node-gyp rebuild
SOLINK_MODULE(target) Release/.node
CXX(target) Release/obj.target/fse/fsevents.o
In file included from ../fsevents.cc:6:
In file included from ../../nan/nan.h:54:
/Users/substupor/.node-gyp/12.3.0/include/node/node.h:107:12: fatal error: 'util-inl.h' file
not found
# include <util-inl.h>
^~~~~~~~~~~~
1 error generated.
gyp ERR! build error
gyp ERR! stack Error: make failed with exit code: 2
gyp ERR! stack at ChildProcess.onExit (/Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:262:23)
gyp ERR! stack at ChildProcess.emit (events.js:200:13)
gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:272:12)
gyp ERR! System Darwin 18.2.0
gyp ERR! command "/Users/substupor/.nodebrew/node/v12.3.0/bin/node" "/Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/fsevents
gyp ERR! node -v v12.3.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
core-js@2.6.11 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/babel-polyfill/node_modules/core-js
node -e "try{require('./postinstall')}catch(e){}"
The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
core-js@2.6.11 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/babel-runtime/node_modules/core-js
node -e "try{require('./postinstall')}catch(e){}"
core-js@3.6.1 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/core-js
node -e "try{require('./postinstall')}catch(e){}"
@apollo/protobufjs@1.0.3 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/@apollo/protobufjs
node scripts/postinstall
nodemon@1.19.4 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/nodemon
node bin/postinstall || exit 0
ejs@2.7.4 postinstall /Users/substupor/.nodebrew/node/v12.3.0/lib/node_modules/@vue/cli/node_modules/ejs
node ./postinstall.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 (node_modules/@vue/cli/node_modules/fsevents):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.11 install: node-gyp rebuild
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
+ @vue/cli@4.1.2
added 1081 packages from 623 contributors in 58.587s
ryosubsornoAir3:Vue substupor$ vue
Options:
-V, --version output the version number
-h, --help output usage information
Commands:
create options <app-name> create a new project powered by vue-cli-service add options <plugin> pluginOptions install a plugin and invoke its generator in an already created project invoke options <plugin> pluginOptions invoke the generator of a plugin in an already created project inspect options paths... inspect the webpack config in a project with vue-cli-service serve options entry serve a .js or .vue file in development mode with zero config build options entry build a .js or .vue file in production mode with zero config ui options start and open the vue-cli ui init options <template> <app-name> generate a project from a remote template (legacy API, requires @vue/cli-init) outdated options (experimental) check for outdated vue cli service / plugins info print debugging information about your environment
Run vue <command> --help for detailed usage of given command.
ryosubsornoAir3:Vue substupor$ vue create my-project
? Your connection to the default yarn registry seems to be slow.
Vue CLI v4.1.2
? Please pick a preset: default (babel, eslint)
? Pick the package manager to use when installing dependencies: Yarn
Vue CLI v4.1.2
✨ Creating project in /Users/substupor/Documents/Vue/my-project.
🗃 Initializing git repository...
⚙ Installing CLI plugins. This might take a while...
yarn install v1.13.0
info No lockfile found.
1/4 🔍 Resolving packages... 2/4 🚚 Fetching packages...