前言

我已经安装好Vue以及vscode本文主要是在安装node.js之后的操作


提示:以下是本篇文章正文内容,下面案例可供参考

一、Vue的开发环境

打开Vscode选择工具栏中的终端—新终端(快捷键ctrl+shift+`)选择自己之后要存储vue项目的文件夹然后可以在终端开始操作
1.检测本地node.js的版本(是否安装成功)
输入 node -v
出现了版本号则表示安装成功,就可以进入下一步
小白安装好nodejs后搭建Vue开发环境
2.设置npm镜像
npm config set registry=http://registry.npm.taobao.org
3.安装3.10版
npm install @vue/[email protected] -g
建议安装3.0及以上的最新版本否则无法使用后面视图化安装操作
如果安装失败,先卸载(成功则跳过)
npm uninstall vue-cli -g
4.安装成功,查看安装版本
vue -V
5.如果不能查看版本 vue : 无法加载文件 因为在此系统上禁止运行脚本。
Get-ExecutionPolicy -List
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser
(也可以参考网站:https://blog.csdn.net/qq_32506245/article/details/105091264)
6.命令行安装vue项目
vue init webpack myapp
7.图形化安装
vue ui
成功则会弹出页面,并在终端显示,如图所示:
小白安装好nodejs后搭建Vue开发环境
并弹出页面,如图所示,即为成功。
小白安装好nodejs后搭建Vue开发环境
失败则是会在终端进行换行没有显示页面和starting等文字显示,大部分原因是Vue版本问题,需要卸载原先版本,下载最新版本,按照步骤3中进行卸载操作。

总结

以上就是搭建vue开发环境的步骤,本文仅仅简单介绍了vue开发环境的操作,如有漏缺大家也可以给我留言,我也当作一种记录防止自己下次安装忘记步骤。

相关文章:

  • 2021-07-11
  • 2021-08-22
  • 2021-10-24
  • 2021-11-26
  • 2022-02-12
  • 2021-08-14
  • 2021-05-10
  • 2021-06-08
猜你喜欢
  • 2022-12-23
  • 2021-09-24
  • 2022-01-12
  • 2021-09-18
  • 2021-10-06
  • 2021-07-03
  • 2022-02-08
相关资源
相似解决方案