创建前端项目的方法

雷神乐乐2025-02-03 11:59

一、创建前端项目的方法

[1.前提：安装Vue CLI](#1.前提：安装Vue CLI)

[2.方式一：vue create项目名称](#2.方式一：vue create项目名称)

[3.方式二：vue ui](#3.方式二：vue ui)

二、Vue项目结构

三、修改Vue项目端口号的方法

一、创建前端项目的方法

1.前提：安装Vue CLI

复制代码

npm i @vue/cli -g

2.方式一：vue create项目名称

CMD命令行：

3.方式二：vue ui

浏览器输入该网址：http://localhost:8000/project/select

点击创建项目

二、Vue项目结构

三、修改Vue项目端口号的方法

记得开启自动保存

html 复制代码

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    port: 7070,
  },
});

html 复制代码

npm run serve