vue-cli3+webpack搭建vue单页项目

先安装好node.js，可以网上查看安装方法

全局安装vue-cli3

npm i -g @vue/cli
#安装后可以通过以下命令查看是否安装成功,显示版本后即安装成功
vue --version

全局安装webpack和webpack-cli

npm i -g webpack
#安装成功后可以通过以后命令查看是否安装成功，显示版本号即安装成功
webpack -v

环境搭建完成，自己可以选择一个目录创建项目，通过命令创建

vue create app(项目名称)
#再通过以下命令安装依赖包
npm i

完成后vue-cli3目录结构如下图

配置文件需要自己创建一个，在根目录下创建一个vue.config.js文件，2个基础配置如下