node配置、webpack目录详解、vue-devtools安装

安装nodejs
官网下载https://nodejs.org/en/download/
选择lts长期稳定版本
修改安装目录---默认安装C盘---一路next
检测是否安装成功----node -v，npm -v

配置环境变量
在安装目录下新建node_cache,node_global
cmd--
npm config set prefix "D:\node\node_global"
npm config set cache "D:\node\node_cache"
右键--属性--高级系统设计--高级--环境变量
系统变量--新建NODE_PATH--输入D:\node\node_global\node_modules
用户变量--PATH--修改--D:\node\node_global

测试
npm iexpress -g   -g是全局安装

安装cnpm--npm淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装webpack提示需要安装webpack-cli
npm i webpack -g
npm i webpack-cli -g

npm install安装模块时候
npm install moduleName ： 安装模块到项目目录下
npm install moduleName -g： -g 将模块安装到全局，具体安装到磁盘哪个位置，要看npm config prefix的位置。查看：npm config ls,修改：npm config set prefix.
npm install moduleName --save：（简写：-S） -save 将模块安装到项目目录下，并在package文件的dependencies属性写入依赖。依赖
npm install moduleName --save-dev ：（简写：-D） -save-dev 将模块安装到项目目录下，并在package文件的devDependencies属性写入依赖。开发依赖

安装vue-devtools
https://chrome.zzzmh.cn/
直接下载crx拓展程序

webpack目录文件详解

build及config：webpack配置相关

node_modules:通过npm install安装的依赖代码库

src：项目源码

static：存放静态资源

----.gitkeep：意思是就算这是个空文件，仍旧可以提交到代码版本库（因为一般如果为空文件夹，git会忽略这个文件夹）中。

.babelrc：babel相关配置（因为我们的代码大多都是ES6，而大多浏览器是不支持ES6的，所以我们需要babel帮我们转换成ES5语法）

.editorconfig：编辑器的配置，可以在这里修改编码、缩进等

.eslintignore：设置忽略语法检查的目录文件

.eslintrc.js：eslint的配置文件

.gitignore：git忽略里面设定的这些文件的提交

index.html：入口html文件

package.json：项目的配置文件，用于描述一个项目，包括我们init时的设置、开发环境、生成环境的依赖插件及版本等。

package-lock.json：普通package.json文件“^2.0”这样写的，意味着版本可以大于等于2.0，如此就会出现各种错误。