vue CLI3.0以上版本新建项目与打包问题

以下叙述仅为小白方法,大佬请勿喷!               谢谢!

如果有更好的办法请告知,Vue小白不胜感激哦!

我的OS 为Windows 10 64位

node版本为  v12.13.0

npm版本为 6.12.0

使用工具windows PowerShell

我的第一步:

创建了一个test文件夹,进入test文件中

我的第二步:

在test文件夹的大片空白处,按着Shift键,同时按击鼠标右键,选中在"此处打开PowerShell窗口",

输入命令   vue create hello

耐心等待一下,node服务器不在大陆,网络可能比较慢

我知道可以换成cnpm,但是我是小白,为了一些不必要的指令麻烦(我是小白,记性不好),直接使用npm

按照提示  输如指令  cd hello 

然后执行 npm install

进入hello文件中,添加vue.config.js文件,内容如下

//vue.config.js

module.exports = {

    // 基本路径

    publicPath: './' //之前是 baseUrl 从 Vue CLI 3.3 起已弃用，请使用publicPath。

}

按着Shift键,同时按击鼠标右键,选中在"此处打开PowerShell窗口",

执行npm run build

这时打开hello文件夹下的,dist文件夹,打开index.html,

这是就没有404,和空白了,这时你就可以将dist文件夹中的所有文件放在你的服务器了