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

Vue-cli 脚手架搭建

安装node.js

  •          官网下载node.js安装包,地址:Node.js — Download Node.js®
  •         先在node.js即将要安装的路径下创建两个文件夹:node_cache(缓存)、node_global(全局)
  •         点击安装包,按照提示一步一步安装,然后通 过cmd命令查看其安装版本

        node -v

        npm -v

结果如下图所示:

  • 用cmd命令设置cache、global路径:
npm config set cache "node_cache路径"
npm config set prefix "node_global路径"
  • 将node_global和node_cache路径添加到环境变量中

设置npm镜像源

设置:npm config set registry Node.js — Download Node.js®

验证:npm config get registry

安装vue-cli脚手架

卸载:npm uninstall vue-cli -g

安装:npm install -g @vue/cli

安装完成之后,进行验证:vue -V

注意:可能会出现这种问题('vue' 不是内部或外部命令,也不是可运行的程序)

解决办法:

用命令:npm config list查看prefix的路径,查看该路径下是否有vue.cmd文件。或者环境变量里是否添加vue.cmd文件所处的路径。

利用脚手架创建项目

方法1:创建放置项目的文件夹,cmd到该路径下,利用命令:vue create firstproject(注意:项目名称不能有中文、大写字母)

  

方法2:利用命令:vue ui

 

   


http://www.kler.cn/a/527224.html

相关文章:

  • 基于Django的Boss直聘IT岗位可视化分析系统的设计与实现
  • 毕业设计--具有车流量检测功能的智能交通灯设计
  • 【PyTorch】6.张量运算函数:一键开启!PyTorch 张量函数的宝藏工厂
  • [HOT 100] 0003. 无重复字符的最长子串
  • Python中的函数(下)
  • Linux 6.x版本内核的proc目录组织
  • 翻译: Anthropic CEO:DeepSeek-R1是人工智能领域的革命吗?一
  • gentoo中利用ollama运行DeepSeek-R1
  • Bash 基础与进阶实践指南
  • 【搜索回溯算法篇】:拓宽算法视野--BFS如何解决拓扑排序问题
  • FreeRTOS从入门到精通 第十五章(事件标志组)
  • Spring Boot 配置文件详解:YAML vs Properties
  • 边缘计算与ROS结合:如何实现分布式机器人智能决策?
  • C 语言实现计算一年中指定日期是第几天 题】
  • 【Linux】软硬链接
  • 英语语法 第一天
  • 【算法应用】基于鲸鱼优化算法求解OTSU多阈值图像分割问题
  • python 之 zip 和 * 解包操作
  • 微店的Flutter混合开发组件化与工程化架构
  • SQL NOW() 函数详解
  • Day52:range()函数
  • 精准化糖尿病知识问答(LLM+机器学习预测模型)
  • ELK模块封装starter
  • 数据结构初探: 顺序表
  • Mysql的主从复制及扩展功能
  • 代发考试战报:1月22号 1月23号 CCDE考试通过