使用VSCode下载并启动VUE项目，提交修改到git

最新推荐文章于 2024-07-12 16:09:07 发布

珍爱_飞

最新推荐文章于 2024-07-12 16:09:07 发布

阅读量2.2k

点赞数 2

分类专栏： vue.js vscode 文章标签： vscode vue

本文链接：https://blog.csdn.net/u010459738/article/details/109581348

版权

本文详细介绍了如何使用VSCode下载并启动Vue项目，包括从git克隆项目，配置并启动Vue项目，提交修改到Git，以及如何处理常见的Git问题。此外，还分享了一些有助于Vue开发的VSCode插件推荐。

摘要由CSDN通过智能技术生成

1.现在VSCode并安装，并打开，可安装Vetur插件，便于后期开发，在后边展示插件查找方式
2.从git上拉取项目并导入到VSCode中
(1)Ctrl+Shift+`或者Ctrl+Alt+T打开终端
(2)cd到项目需要保存的文件夹下：如cd D:\software\VSCode file\
(3)使用get命令拉取项目：git clone https://git.xx.com\xxx.git
注意：只能clone主干，如果需要拉取分支代码，则只能先clone主干后再切换到分支代码
(4)文件->打开文件夹，选择刚刚下载的项目接口导入到VSCode中。
在这里插入图片描述 3.配置并启动vue项目
(1)在终端中执行：npm install安装npm
(2)进入到需要启动的项目文件夹下，如我的项目是mp-ui，则在终端需要先执行：cd mp-ui
(3)启动项目有多种方式，一般是npm run dev或者npm run serve(注意：这里是serve不是server)
但run命令需要从package.json中读取配置文件，使用哪种命令可以启动需要按照各自的配置来选择，如我的package.json配置文件如下：

{
  "name": "mp-ui",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "animate.css": "^3.7.2",
    "axios": "^0.18.0",
    "babel-polyfill": "^6.26.0",
    "core-js": "^3.4.4",
    "decimal.js": "^10.2.0",
    "element-ui": "2.13.0",
    "fingerprintjs2": "^2.0.6",
    "lodash": "^4.17.11",
    "moment": "^2.24.0",
    "vue": "^2.6.10",
    "vue-bus": "^1.2.0",
    "vue-cookies": "^1.5.12",
    "vue-i18n": "^8.7.0",
    "vue-router": "^3.1.3",
    "vuex": "^3.1.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.1.0",
    "@vue/cli-plugin-eslint": "^4.1.0",
    "@vue/cli-plugin-router": "^4.1.0",
    "@vue/cli-plugin-vuex": "^4.1.0",
    "@vue/cli-service": "^4.1.0",
    "babel-eslint": "^10.0.3",
    "eslint": &#