当前位置: 首页 > news >正文

安装Node修改Node镜像地址搭建Vue脚手架创建Vue项目

1、安装VSCode和Node

下载VSCode Visual Studio Code - Code Editing. Redefined

下载Node Node.js (nodejs.org)

检验是否安装成功,Win+R,输入cmd命令,使用node -v可以查看到其版本号

2、修改镜像地址

安装好node之后,开始修改镜像地址

npm install --location=global --registry=https://registry.npm.taobao.org

如果出现以上报错情况,执行命令(两者二选一,建议使用第二个)

npm init -f

npx nrm use taobao

再执行一次修改镜像地址命令

npm install --location=global --registry=https://registry.npm.taobao.org

查看当前的镜像地址

npm config get registry

出现npmmirror就是taobao的镜像地址,即修改成功

3、安装脚手架

-g: 全局安装

npm install -g @vue/cli

cli 是Command Line Interface的简称,为命令行界面,俗称脚手架
查看vue的版本号

vue --version

4、创建项目

在VSCode新建一个文件夹,作为源代码目录,右键选择在集成终端中打开。在右下部控制台处输入cmd进入dos模式

 

新建项目

vue create 项目名称

选择vue3版本,等待系统初始化完成,出现以下内容即成功

进入刚创建的项目目录

cd 项目名称

执行命令

npm run serve

执行成功后,到浏览器输入命令窗口中Local 命令或者Network的地址

http://localhost:8080
或
http://192.168.43.117:8080

如果出现以下情况

解决方法一

运行命令行窗口,进入项目目录存放位置,再依次执行以下命令,如果还不行,执行方法二

vue create 项目名称cd 项目名称npm run serve

解决方法二

退出VSCode,右键点击VSCode,选择属性兼容性,勾选以管理员身份运行此程序应用

再执行

vue create 项目名称cd 项目名称npm run serve

完成 

http://www.lryc.cn/news/268918.html

相关文章:

  • git 学习 之一个规范的 commit 如何写
  • 2023 年人工智能研究与技术排名前 10 的国家
  • 留言板(Mybatis连接数据库版)
  • 第十二章 Sleuth分布式请求链路跟踪
  • EasyExcel多线程批量导出数据,动态表头,静态资源访问
  • 树莓派界面改成中文
  • 软件工程期末复习
  • 【linux】select实现定时器
  • Android 13 - Media框架(28)- MediaCodec(三)
  • Azure 学习总结
  • 数据库是否可以直接作为数据仓库的数据源
  • IntelliJ IDE 插件开发 | (四)开发一个时间管理大师插件
  • 【ChatGPT 默认强化学习策略】PPO 近端策略优化算法
  • 【银行测试】金融银行-理财项目面试/分析总结(二)
  • 张江智荟毁约offer
  • ubuntu 系统终端颜色设置
  • 【Vue】class与style绑定
  • 大厂前端面试题总结(百度、字节跳动、腾讯、小米.....),附上热乎面试经验!
  • EXPLORING DIFFUSION MODELS FOR UNSUPERVISED VIDEO ANOMALY DETECTION 论文阅读
  • 当 ML 遇到 DevOps:如何理解 MLOps
  • vue+element+springboot实现多张图片上传
  • react使用useState更新数组失败
  • 《LIO-SAM阅读笔记》3.后端优化
  • mac下jd-gui提示没有找到合适的jdk版本
  • FlinkSQL窗口实例分析
  • 18-网络安全框架及模型-信息系统安全保障模型
  • Android 提取(备份)apk(安装包)
  • gRPC-Go基础(4)metadata和超时设置
  • 语言模型:从n-gram到神经网络的演进
  • docker compose 部署 grafana + loki + vector 监控kafka消息