(实习)关于vs code创建一个新的vue项目和运行一个已有vue的项目

本文详细介绍了如何使用VS Code创建新的Vue项目以及解决运行已有项目时遇到的问题,包括依赖安装缓慢、报错的解决方法,提供了一步步的操作步骤和参考资料链接。

1.vs code创建一个新的项目

注意点如下
  • 在此过程中,运用npm install 时,有时候会有网速不好,下载过慢,或者出现卡顿的状态,这时候建议用淘宝的镜像去安装,网址如下
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    taobao
  • 在运行npm install之后,要点开在vs code当前文件夹里有一个文件交package.json中查看,自己到底接下来用什么命令运行
    package.json
    介于我的是serve,所以用完npm install之后,就用npm run serve让项目编译运行
    ————————————————————
进入正题
  • (一)
    这个链接教会了我怎么建立并运行一个新Vue项目

https://blog.csdn.net/weixin_37567150/article/details/81291433

  • (二)
    本人看了很多的教程,大部分的教程都是这样
  • 第一步
    是打开自己相要运行的文件夹
    然后打开终端,进入文件夹,(一般打开终端就会进入相对应的问文件夹的了,所以这个不必担心)
    然后安装node依赖关系 node_modules,输入npm install
    然后你会发现特别慢,所以建议看一下开头,博主用的那个,当然如果你怕出什么问题,你也可以慢慢等。
    然后,关键的一步输入npm run dev运行编译,但是,不知道为什么博主发现老是报一个错误
    如下:
    在这里插入图片描述
    然后博主去搜了很多种方法,发现有一下的解决方法
    这里是原博
    原博说的是这样的,图中说的应该是package.json,
    在这里插入图片描述
    博主自己试了发现不行,老是重复地安装npm install,博主等得都快疯了。
    然后楼主再找,又 找了好久,发现有这一个链接,所以对于博主而言,下面的才是正确的,博主把原来的安装在自己的文件下的node_modules文件整个删掉,然后又重新开始了输入npm install,头都快等秃了
    然后再输入npm run serve
    终于运行成功了
    截图如下
    在这里插入图片描述
    在这里插入图片描述

这是原博连接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值