使用WebStorm搭建vue项目

125 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第2天,点击查看活动详情

前言

最近接受了新的项目(数据采集系统开发),和公司唯二的程序员赵哥商量后,定下了技术框架,前端Vue,后端nodejs,谨以此文记录整个项目构建的步骤

  • 项目名称:xx数据采集系统
  • 前端:Vue
  • 后端:nodejs
  • IDE:Web Storm

搭建Vue项目

创建vue项目一般有两种

  1. 使用Vue Cli创建
  2. 使用IDE创建 此处我们使用IDE创建vue项目

image.png 项目创建时会自动下载项目所需的vue框架,之后会有个提示问是否要以默认的vue项目模板初始化项目,选择是之后,项目初始化,等待项目初始化完毕

image.png 此时可以运行该项目,运行后打开输出的项目地址,即可看到项目运行成功

image.png