基于webpack，搭建Vue脚手架项目

由于长时间没用vue脚手架搭建项目，害怕自己忘了，于是有了这篇文章。虽然网上有很多，但是自己写写，也挺好
首先，node环境和脚手架是必须的！如果有小白，别问，问就是跟着操作。

node环境

官网下载：https://nodejs.org/en/download/
无脑下一步就行了
终端（cmd或者vscode终端都可以，我用的git），输入下面代码，能看待版本号，说明成功（）

node -v

npm -v

vue脚手架

安装方式：这里我用的 npm （淘宝镜像），网上有帖子用的 cnpm ，说是 cnpm 好，咱也不知道和 npm 有啥不一样，我是用着感觉都一样。

全局安装 脚手架 vue-cli

npm i vue-cli -g

由于这个命令只需要运行一次，安装上之后，以后就不用安装了，在这我就不截图了。

重点：创建基于 webpack 模板的vue项目

在一个新文件夹（用于保存项目的），打开终端，输入

vue init webpack project-name

输入之后我遇到一个问题，如下：（没遇到更好）

解决：输入

npm install -g @vue/cli-init   

这样就解决了，别问为啥，问就是去翻译

然后重新输入

vue init webpack project-name

这里说一下后面这个 project-name，是项目名称，自己随便起的，我这里取得是web-test

输入之后会出现

下面是创建成功后的文件

输入cd webTest 切换目录

cd webTest

输入 npm run dev ，项目跑起来

npm run dev 

项目运行在 http://localhost:8080，完美！

项目结束——打包上线

自己的项目文件都在 src 文件夹，（不解释）
开发完成之后，可以输入 npm run build 来进行打包

npm run build

打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看。
在网上看到一个部分文件功能介绍图