使用 vscode 导入现有的 vue 项目进行开发的操作步骤 前端初体验

  现在大部分项目都是前后端分离的开发模式,前端接触的越太少了,记录一下个人开发 vue 项目的过程

  项目是直接从开源社区下载下来的,我这里下载的是 若依的开源项目

使用 vscode 导入现有的 vue 项目进行开发的操作步骤 前端初体验

使用 vscode  开发要装 node.js ,我们进行官网下载既可

使用 vscode 导入现有的 vue 项目进行开发的操作步骤 前端初体验

vscode 和 node.js 安装的过程中直接使用默认既可,无需什么配置,安装完这两个工具就可以了,不用再安装别的东西

接下来我们打开 vscode 工具 , 文件 - 打开文件夹  ,选择项目所在的路径

按 Ctrl + ~  键 ( Esc 下面的那个 ) 调出终端 ,执行 install   

使用 vscode 导入现有的 vue 项目进行开发的操作步骤 前端初体验

这个过程有点慢,执行完成后,再 执行命令 npm run dev 既可启动项目,

如果执行 npm  install 过程中报错,大概率是 因为缓存问题 直接把缓存文件夹删除掉,见上一篇

npm run dev 执行完成后,会自动在浏览器上打开你的项目