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

node -v

之后,命令行会返回本机电脑上具体的版本号
在这里插入图片描述
如此,说明已经安装了nodejs,如果没有安装nodejs,请移步官网自行下载:https://nodejs.org/zh-cn/
node.js安装指南详情见:node.js下载和安装
 

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

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

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

npm install -g @vue/cli

如果安装过程中出现错误如下的话:

Unhandled rejection Error:EACCES:permission denied

表示当前权限不足,可以添加 sudo 命令,表示使用超级管理员权限进行下载,过程中需要输入设备的启动密码:

sudo npm install -g @vue/cli

如果你是要创建自己的 Vue 项目,使用命令创建项目

vue create xxx${projectName}

会让你选择是 vue2 还是 vue3?如下图,我选择默认版本是 vue2
在这里插入图片描述

之后,切换到你创建的项目目录,执行以下命令:

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 命令,结果成功!
在这里插入图片描述

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

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐