创建vue项目

目录

1、安装好Node.js 和vscode

2、创建一个目录在地址栏输入cmd打开命令窗口

3、输入命令

4、一直默认选项按回车键

5、输入npm install安装 Node.js 项目依赖

6、vue项目目录结构

7、启动项目


1、安装好Node.js 和vscode

2、创建一个目录在地址栏输入cmd打开命令窗口

3、输入命令

npm init vue@latest

提示请输入项目名称: 默认或者创建项目名称

4、一直默认选项按回车键

 进入创建的项目:cd vue-project1 

5、输入npm install安装 Node.js 项目依赖

 使用vscode打开

code .

6、vue项目目录结构

7、启动项目

在命令窗口输入命令

npm run dev

默认端口5173 

 

http://localhost:5173/

 启动成功

还可以在vscode启动项目

找到npm脚本点击运行

 如果找不到点击项目目录,点击npm脚本即可

相关推荐

  1. vue创建项目

    2024-04-07 12:02:02       69 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-07 12:02:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-07 12:02:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-07 12:02:02       82 阅读
  4. Python语言-面向对象

    2024-04-07 12:02:02       91 阅读

热门阅读

  1. 手写一个民用Tomcat (02)

    2024-04-07 12:02:02       33 阅读
  2. 计算机网络的分层结构及模型

    2024-04-07 12:02:02       37 阅读
  3. 设计模式面试题(六)

    2024-04-07 12:02:02       36 阅读
  4. 当发生缓存未命中时,主存访问时间包括

    2024-04-07 12:02:02       34 阅读
  5. go实现生产者和消费者

    2024-04-07 12:02:02       36 阅读
  6. 腾讯光子工作室群 一面 (30min)

    2024-04-07 12:02:02       32 阅读
  7. 如何使用Arduino IDE对STM32F103C8T6进行编程

    2024-04-07 12:02:02       37 阅读
  8. vue3+elementUiPlus+弹框

    2024-04-07 12:02:02       30 阅读