小编是一个后端码农,人手不够拉过来做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 使用那个版本