Vue CLI是Vue.js官方提供的腳手架工具,可以幫助我們快速創(chuàng)建和管理Vue項(xiàng)目的各種配置和依賴。在使用Vue CLI時(shí),我們會(huì)經(jīng)常遇到需要修改項(xiàng)目的端口號(hào)的情況。
要修改Vue CLI項(xiàng)目的端口號(hào),需要在項(xiàng)目的根目錄下找到vue.config.js文件,在該文件中的devServer選項(xiàng)中添加port屬性,即可修改端口號(hào)。示例如下:
module.exports = { devServer: { port: 8081 // 修改為8081端口號(hào) } }
文件保存后,重新啟動(dòng)項(xiàng)目即可看到修改后的端口號(hào)生效。
除了在vue.config.js中直接修改端口號(hào)外,我們還可以通過命令行的方式來指定端口號(hào)。在終端中輸入如下命令即可使用指定的端口號(hào)啟動(dòng)Vue CLI項(xiàng)目:
npm run serve -- --port 8081
以上命令中的“8081”就是要指定的端口號(hào),修改為需要使用的端口號(hào)即可。
總之,Vue CLI提供了多種便捷的方式幫助我們修改項(xiàng)目的端口號(hào)。使用時(shí)只需要根據(jù)實(shí)際情況選擇合適的方法即可。