使用vs code启用vue项目

一 环境
下载安装 git.exe
下载安装 node.js
注意检查环境变量配置,如下:
在这里插入图片描述
安装成功检查方式:cmd

PS C:\Windows\system32> node -v
v10.16.2
PS C:\Windows\system32> npm -v
6.9.0

VS Code开发软件

二 用git clone项目

1、打开vs code开发工具,

Ctril+~

使用ctrl+~快捷键打开命令窗口,
cd 到要下载项目的位置,
输入命令git clone 项目git地址下载项目。
在这里插入图片描述
2、下载完成后,打开项目。
在这里插入图片描述

三、配置启动
先查看是否安装了cnpm命令

npm list --depth=0 -global

如果的确没有安装: 执行下面命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

1、安装 vue-cli

cnpm install --global vue-cli

2、初始化

cnpm install

3、启动

npm run dev

4、启动成功。浏览器打开页面。
在这里插入图片描述
5、启动时报错,如下:

These dependencies were not found:

 ERROR  Failed to compile with 364 errors                                     6:24:53 PM
These dependencies were not found:

* core-js/modules/es6.array.find in ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.1.0@babel-loader/lib!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.1@vue-loader/lib??vue-loader-options!./src/views/digitalTunnel/data/index.vue?vue&type=script&lang=js&, ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.1.0@babel-loader/lib!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.1@vue-loader/lib??vue-loader-options!./src/views/messageManagement/index.vue?vue&type=script&lang=js& and 7 others* core-js/modules/es6.array.find-index in ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.1.0@babel-loader/lib!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.1@vue-loader/lib??vue-loader-options!./src/layout/components/TagsView/ScrollPane.vue?vue&type=script&lang=js&, ./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!./node_modules/_babel-loader@8.1.0@babel-loader/lib!./node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.1@vue-loader/lib??vue-loader-options!./src/views/digitalTunnel/data/index.vue?vue&type=script&lang=js&

在这里插入图片描述
解决如下:

cnpm i core-js@2

js版本不匹配,执行命令后重新启动。启动成功。
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值