vue项目新建 端口更改

KX / 2023-09-05 / 原文

vue项目新建步骤

vite创建vue3项目(最简单):

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

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

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

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

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

其他方法:vue-cli创建项目、vue ui创建项目

网址参考:https://blog.csdn.net/m0_56983341/article/details/125603896

vue项目修改端口号

临时修改:

运行命令:npm run dev

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

非临时修改:

1

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

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

2

package.json文件中的scripts下devsever内容之后加上--port 2222

image-20230905162938518