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

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

注意点如下
  • 在此过程中,运用npm install 时,有时候会有网速不好,下载过慢,或者出现卡顿的状态,这时候建议用淘宝的镜像去安装,网址如下
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    (实习)关于vs code创建一个新的vue项目和运行一个已有vue的项目_第1张图片
  • 在运行npm install之后,要点开在vs code当前文件夹里有一个文件交package.json中查看,自己到底接下来用什么命令运行
    (实习)关于vs code创建一个新的vue项目和运行一个已有vue的项目_第2张图片
    介于我的是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,
    (实习)关于vs code创建一个新的vue项目和运行一个已有vue的项目_第3张图片
    博主自己试了发现不行,老是重复地安装npm install,博主等得都快疯了。
    然后楼主再找,又 找了好久,发现有这一个链接,所以对于博主而言,下面的才是正确的,博主把原来的安装在自己的文件下的node_modules文件整个删掉,然后又重新开始了输入npm install,头都快等秃了
    然后再输入npm run serve
    终于运行成功了
    截图如下
    (实习)关于vs code创建一个新的vue项目和运行一个已有vue的项目_第4张图片
    (实习)关于vs code创建一个新的vue项目和运行一个已有vue的项目_第5张图片

这是原博连接

你可能感兴趣的:(实习,vs,code,vue)