JZTXT

vue项目新建 端口更改

发布时间 2023-09-05 16:47:57作者: 凯璇

vue项目新建步骤

vite创建vue3项目：

在需要的文件目录中输入cmd命令，打开命令窗口，在当前文件目录下创建项目（直接打开命令窗口，默认C盘创建项目）

第一步：npm init vite-app vue-code  //code为项目名

第二步：cd ./vue-code  //进入项目

第三步：npm install    //安装依赖包

第四步：npm run dev    //运行项目

vue项目修改端口号

临时修改：

运行命令：npm run dev

加上端口参数：npm run dev --port 8888

非临时修改:

1

在vue.config.js或vue.config.ts文件中增加或修改

server: {
  // 服务配置
  port: 8080,  //此处修改所需要的端口号
 },

2

在package.json文件中的scripts下dev或sever内容之后加上--port 2222

image-20230905162938518