以下叙述仅为小白方法,大佬请勿喷! 谢谢!
如果有更好的办法请告知,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文件夹中的所有文件放在你的服务器了