小白如何启动Vue项目?

首先查看是否已经安装了 node.js

node -v

之后,命令行会返回本机电脑上具体的版本号

之后需要安装 vue 脚手架,我们学习 vue 一般使用 vue.cli ,但是由于 npm 服务器在国外,下载速度太慢了,因此通过国内淘宝的镜像
先下载 npm 的淘宝镜像

npm config set registry https://registry.npm.taobao.org

接着安装 vue 开发脚手架 vue.cli

npm install -g @vue/cli

之后,切换到你要创建的项目的目录,然后使用命令创建项目

vue create xxx${projectName}

如果你是要创建自己的 Vue 项目,那么执行以下命令

cd xxx${projectName}
npm run serve

如果你需要到 github 中拉去别人的项目启动的话,在 clone 项目之后,不需要创建 vue 项目,到项目所在目录执行命令

npm i

这中间可能会报很多错误,我们先不管,接着点开 package.json 文件
在这里插入图片描述

查看里面的配置项信息:
在这里插入图片描述

于是到终端执行命令

npm run dev


但是如果你是前端小白的话,接着很可能会报错,错误信息如下:
在这里插入图片描述

这里表明你没有安装 node-sass,安装 node-sass 参考这篇文章:https://blog.csdn.net/qq_40028324/article/details/103274971


之后接着执行 npm run dev 命令,这时可能会报错:
在这里插入图片描述

解决方案见这篇文章:【Node Sass version 8.0.0 is incompatible with ^4.0.0.问题解决】

最后运行 npm run dev 命令,结果成功!
在这里插入图片描述

作者朽木,希望你看了此文章能避坑!

猜你喜欢

转载自blog.csdn.net/Your_Boy_Tt/article/details/129296042