Vue搭建脚手架项目以及相关知识node,npm,webpack的介绍
1.前期需要准备的环境
需要把node的安装目录在环境变量的path路径中配置一下，如下图
其中node.exe的安装路径如下图
脚手架主要是用node.exe中自带的npm（Node Package Manager）这个工具，npm工具的主要作用是管理安装包的，我们可以通过npm通过包名搜索包然后安装包，npm就相当于是我们windows系统中的软件安装管家，npm的一些命令如下：
NPM命令：
npm -v
-查看版本
npm version
-查看所有模块的版本
npm
-帮助说明
npm search 包名
-搜索模块名
npm install 包名 其中install可以简写成i
-在当前目录安装包
npm install -g 包名
-全局模式安装包,全局安装的包一般都是一些工具
npm install 包名 --save
-安装包并添加到依赖中，也就是把版本信息添加到package.json的depencies中，运行时依赖 *********
npm install 包名 --save-dev
-安装包并添加到依赖中，也即是把版本信息添加到package.json的devDepencies中，开发时依赖 ********
npm install
-下载当前项目所依赖的包
npm remove 包名 其中remove可以简写成r
-删除包
理解：npm就相当于我们的软件管家，npm search 包名 可以搜索出相关的包
npm install 搜索到的包 可以下载相关的包，下载到当前文件夹里面
2.下载vue脚手架
Vue Cli3的下载命令：npm install -g @vue/cli
如果下载的是Vue Cli3也即是脚手架3的话，因为脚手架3覆盖了脚手架2因此此时不再可以使用脚手架2的方式去创建脚手架项目，因此如果仍想要用脚手架2的方式创建脚手架项目需要拉取Vue Cli2中的初始化模板，拉取命令是npm install -g @vue/cli-init,后面仅仅多写一个
-init，因为脚手架2的初始化项目的命令是vue init webpack 项目名字，其中也有个init，因此拉取命令只是在下载脚手架的基础上多加了个-init
Vue Cli3脚手架3初始化项目的命令是vue create 项目的名字
Vue Cli2脚手架2初始化项目的命令是vue init webpack 项目的名字
3.vue脚手架中会自动下载webpack
Vue CLI需要依赖Webpack，并且在我们创建脚手架项目的时候webpack会自动下载，如下图：
webpack模板的主要作用是对所有的资源会压缩等优化操作，它在开发过程中提供了一套完整的功能，能够使得我们开发过程中变得高效。
webpack的主要作用就是把项目中需要的所有的模块全部都打包到一个js模块中，如下图
上面的打包过程可以通过命令npx webpack ./src/main.js ./dist/bundle.js来实现，后期我们都是使用的简化操作npx webpack命令可以实现同样的效果，因为我们把./src/main.js和./dist/bundle.js文件模块的路径都存放到了一个配置文件中，如下图：
4.node介绍
在node中每一个js文件都被当做是一个模块，可以使用node xxx.js直接运行一个js文件。
并且每个js文件里面的内容都会被包裹在一个函数里面，这个函数是function(exports,requrie,module,__filename,__dirname){}
因此你会发现在很多js文件中都可以使用exports,require(),__dirname，其实就是使用js文件内容所在函数的参数。这些参数的解释如下：
exports:
-该对象用来将变量或函数暴露到外部,这样才能在其它模块中通过require函数引入该模块的相关内容，exports使用如下图：
require
-函数，用来引入外部的模块，如下图
module
-module代表的是当前模块本身
-exports就是module的属性
-既然exports是module的属性，那么导出函数与变量的时候，既可以用exports导出，也可以用module.exports导出，只不过exports 只能一个一个的导出但是module.exports可以一次导出多个，如下图：
__filename:
假设当前的js模块的绝对路径是D:\Vue.js框架\Node.js工作路径\01.node\04-module.js，那么__filename的值就是
D:\Vue.js框架\Node.js工作路径\01.node\04-module.js
__dirname:
假设当前js模块文件的绝对路径是D:\Vue.js框架\Node.js工作路径\01.node\04-module.js，那么__dirname的值就表示当前js模块文件所在目录的绝对路径，值即是D:\Vue.js框架\Node.js工作路径\01.node