前言
这篇博文不会教你怎么安装 vue, 但会告知安装过程中可能遇到的 5 个问题
2017 年我写过一篇安装 vue 的博客, 详情: https://www.cnblogs.com/tu-0718/p/7521099.html
5 个报错
1: 若使用 vue -V 查询是否安装 vue 时提示没有找到指令, 可能是你没有安装 vue-cli 脚手架(vue-cli 可快速创建 vue 项目)
2:vue 安装淘宝镜像时报错, 提示无效的配置, 必须是完整合法的 http 地址, 原因是我在 url 前面加了 1 个空格, 这里不要有空格
注: 安装淘宝镜像后, 需要用到 NPM 的地方都可以用 cnpm 替换, 但建议安装模块和插件用 cnpm, 打包和启动 vue 用 NPM
(cnpm 是国内镜像, NPM 服务器在国外, 固 cnpm 安装速度更快, 但可能出现更新不及时导致出现一些不可预料的问题)
3: 若直接使用 NPM run dev 命令运行会报错, 提示没有这样的文件或目录, 需要先创建一个项目
使用 vue init webpack vue_test(vue_test 为项目名称)创建项目, 然后根据需要来选择,
没有出现 (Y/n) 让你选择是否安装的选项直接回车即可, Y 为安装, n 为不安装
4: 若进入项目目录, 输入 NPM run dev 后提示没有找到该项目, 说明你的项目路径有误, 检查项目路径和输入命令是否正确
这里是项目路径输入有误, 直接复制路径粘贴到 Git bash(相当于 Windows 的 cmd) 路径斜杠会变成'\', 实际应该用'/',
注: 在 Git bash 复制项目路径无法直接 ctrl+v 粘贴, 直接点一下鼠标滚轮即可粘贴
5: 输入 NPM install 安装依赖包时, 若有下图提示
审核了 11959 个包发现 12 个漏洞 (7 个中等, 5 个高危) 运行 `npm audit fix` 来修复它们,
或者运行 `npm audit` 来获取详细信息, 这里直接输入 NPM audit fix 修复即可
接着会出现下图所示, 告知你已修复其中一些漏洞, 还需输入 NPM audit fix --force 进一步修复
然后看到下面提示在输入 NPM audit 即可
最后当你看到下图所示, 说明你已经完全修复了漏洞
注: 原文参考
补充:
1: 运行 NPM run dev 后自动打开浏览器设置(默认是手动打开)
config-index.JS, 然后找到 autoOpenBrowser: false, 把 false 改为 true 即可
2: 若你想终止启动 vue, 不想每次都重复下面 3 个步骤
- cd "项目路径"
- NPM install
- NPM run dev
可直接 ctrl+c 会出现下图所示, 根据提示选 Y, 此时只需在输入一次 NPM run dev 即可
来源: https://www.cnblogs.com/tu-0718/p/11000182.html