vue-admin项目启动踩过的坑

小编是一个后端码农,人手不够拉过来做vue。真是坑,大神不要嘲笑…
1、我们使用的vue-admin的项目。
2、准备安装node和nmp;
有两种方法:

- 使用node安装包安装:
下载地址: https://nodejs.org/zh-cn/download/releases/
下载想要的版本, “node”: “>= 4.0.0”, “npm”: “>= 3.0.0”,直接下一步安装就行。
- 使用nvm
我使用nvm安装:

  • 安装nvm:
  • 第一步:下载nvm
    下载地址:https://github.com/coreybutler/nvm-windows/releases
  • 第二部:安装
    安装完成后可以检测一下是否安装成功在命令行输入nvm,如果出现nvm版本号和一系列帮助指令,则说明nvm安装成功;
  • 第三步:修改settings.txt
    在你安装的目录下找到settings.txt文件,打开后加上,使用国内镜像:
    node_mirror: https://npm.taobao.org/mirrors/node/
    npm_mirror: https://npm.taobao.org/mirrors/npm/
  • 第四步:使用nvm安装node和npm
    使用命令:nvm install 版本号 例如:nvm install 10.16.3
    安装完后用:使用nvm use 版本号如:nvm use 10.16.3,在使用node -v 和 npm -v测试是否安装成功;
    :node安装成功,npm报错问题解决:
    下载npm
    下载地址:https://npm.taobao.org/mirrors/npm/
    下载你想要的版本,解压后复制npm文件夹到nvm安装的文件夹,如下:在这里插入图片描述
    D:\environment\NVM\nvm:你安装nvm的文件路径
    V10.16.3表示你安装的版本。
    复制好后,将npm bin文件夹里的npm npm.cmd文件复制到v10.16.3的目录下,如下图:
    在这里插入图片描述
    现在再次尝试npm -v,安装成功!
    3、克隆项目,然后进入项目目录,编译项目:
    输入命令:npm install --registry=https://registry.npm.taobao.org
    编译成功,出现如下图:
    在这里插入图片描述
    如果报错,肯定是因为node-sass的模块有问题,下面是解决方案:
    依次运行下面命令:
  • npm config set registry https://registry.npm.taobao.org
  • npm uninstall node-sass
  • npm install node-sass+版本号
    例:npm install node-sass@4.9.0
    后面这个版本号,一般是上面报错的版本号,运行完成后出现如下界面,表示安装成功:
    在这里插入图片描述
  • npm install --registry=https://registry.npm.taobao.org
    出现3中的图片,编译完成,运行npm run dev命令,项目启动。

给大家几个福利:
vue相关的下载地址:
https://npm.taobao.org/
nvm的常用命令:
nvm ls 查看安装的版本
nvm uninstall+版本号 删除安装的版本
nvm ls-remote 列出远程服务器上所有的可用版本(非window用户)
nvm ls available (window用户)
nvm install + 版本号 安装此版本的node
nvm use 6.9.5 使用那个版本

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值