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 使用那个版本

vue-admin项目启动踩过的坑相关推荐

项目后期踩到这些坑，原来可以这么简单处理（数字后端实现救火篇）
项目后期踩到这些坑,原来可以这么简单处理!(数字后端实现救火篇) 文章右侧广告为官方硬广告,与吾爱IC社区无关,用户勿点.点击进去后出现任何损失与社区无关. 最近一直在帮同事解决各种问题.由于临近项目 ...
vue配置项目启动时自动打开浏览器
在vue.config.js文件中添加以下配置,重点是配置host,port,open module.exports = {devServer: {host: 'localhost',//启动后的ho ...
Vue：项目启动时报错These dependencies were not found 解决办法
项目启动后报错如下解决办法: 1.删掉node_moudles文件夹 2.使用npm install 重新安装所有依赖包如果安装所有依赖包时报错如下这个报错可能因为npm版本过高,所以对某些命令 ...
vue+elementUI项目的踩坑~~持续更新
日常工作记录,如果对你有帮助请点亮小~心~心喔~~~ 接受礼貌的批评指导目录: 1.el-form只有一个搜索条件时页面刷新问题: 2.el-tree树形控件,给项目安装jsx语法: 3.el-ca ...
记：css绘制小猪佩奇的项目及踩过的坑
下面是我项目的代码和预览链接,觉得项目好看又实用的小伙伴,随手给个star, 您的star是我最大的动力!!! 项目源码预览链接移动端实现效果的展示,点击download下载观看这一项目的主题的 ...
vue前端项目启动出错处理
操作 1.使用npm install 安装vue所需的依赖包 2.使用npm run dev启动前端项目错误信息 Syntax Error: D:\RuoYi-Vue\ruoyi-ui\node_m ...
vue本地项目启动时遇到coreJs相关报错问题处理
今天在启动本地的vue项目时,编译后报错是因为core.js这个包丢失,需要大家重新下载即可命令如下: ①使用npm的 npm install core-js@3 有淘宝镜像就:cnpm inst ...
vue中create 什么触发_vue中eventbus被多次触发（vue中使用eventbus踩过的坑）
一开始的需求是这样子的,我为了实现两个页面组件之间的数据传递,假设我有页面A,点击页面A上的某一个按钮之后,页面会自动跳转到页面B,同时我希望将页面A上的某一些参数携带过去给页面B.(我知道,小参数的 ...
vue 修改项目启动后的页面_vue项目打包后打开页面空白解决办法
网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白.这个主要原因是路径的问题. 1.记得改一下config下面的index.js中bu ...

vue-admin项目启动踩过的坑

vue-admin项目启动踩过的坑相关推荐

最新文章

热门文章