npm安装教程及安装vue脚手架

1.全程借鉴

未得允许，侵删。

https://www.cnblogs.com/laizhouzhou/p/8027908.html

2.我自己碰到的问题

2.1 环境变量

原文这一点环境变量我并没有配置，没有影响。

原文：

注意，此时，默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录。
如果直接运行npm install等命令会报错的。
我们需要做1件事情：
1、增加环境变量NODE_PATH 内容是：D:\nodejs\node_global\node_modules

2.2 npm run dev->webpack-dev-server报错

2.2.1 问题

						终于走到最后一步的时候，出了错

D:\vue01>npm run dev

> myproject@1.0.0 dev D:\vue01
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myproject@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the myproject@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\MySoft\nodejs\node_cache\_logs\2019-04-20T04_28_52_370Z-debug.log

2.2.2 解决

								可终于解决了

//主要就是这两条命令
npm install webpack-dev-server
npm install webpack-cli

//运行结果
D:\>npm install webpack-dev-server
npm WARN saveError ENOENT: no such file or directory, open 'D:\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'D:\package.json'
npm WARN webpack-dev-server@3.3.1 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN webpack-dev-middleware@3.6.2 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN !invalid#1 No description
npm WARN !invalid#1 No repository field.
npm WARN !invalid#1 No README data
npm WARN !invalid#1 No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.8 (node_modules\fsevents):
npm