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

Vue CLI 脚手架

 cli脚手架创建项目步骤

  • 全局安装(一次):yarn global add @vue/cli

无法识别yarn的要先安装yarn;终端执行npm install -g yarn

  • 查看Vue版本:vue --version

这里有问题(success上方有warning)

报错:‘vue’不是内部或外部命令,也不是可运行的程序或批处理文件

vue.cmd没有加入到环境变量中

查看npm的全局安装路径;npm config get prefix

找到 node.js 安装路径,新建两个文件夹 “node_global”、“node_cache”

CMD 中输⼊命令

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
yarn global bin

查看全局包路径:C:\Program Files\nodejs\node_global\bin;加到环境变量中

yarn global add @vue/cli 重新安装

 vue.cmd加到环境变量中

  • 创建项目架子:vue create 项目名

按住shift;鼠标点击右键

vue create vue-demo1 

注意:项目名不能是中文

选vue2 

ERROR  Error: command failed: yarn 报错

改npm

  • 启动项目:yarn serve 或 npm run serve


VSCode New window;挪进来


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

相关文章:

  • ThreeJs功能封装——基础场景创建
  • Windows cmd常用命令
  • 【C++】详细讲解继承(下)
  • 微调Qwen2:7B模型,加入未知信息语料
  • 微信小程序压缩图片
  • 【Redis】持久化机制
  • ubuntu 22.04 防火墙 ufw
  • imu_tk配置教程(锁死ubuntu18.04,不要22.04)
  • Spark的yarn集群环境搭建
  • C++ OpenCV 理想滤波
  • 挖掘web程序中的OAuth漏洞:利用redirect_uri和state参数接管账户
  • linux centos 安装redis
  • Qt_day4_Qt_UI设计
  • 骨传导耳机排行榜前十分享:十大超值骨传导耳机测评推荐!
  • NoSQL大数据存储技术测试(3)Hadoop和HBase简介
  • AI产品经理:新兴行业的新宠儿,站在风口上的猪都能飞上天
  • UI组件---如何设置el-pagination分页组件的背景色
  • 13. Node.js会话控制
  • Redis穿透、击穿、雪崩
  • PHP常用的安全函数作用
  • 建立更及时、更有效的安全生产优化提升策略的智慧油站开源了
  • 2.ARM_ARM是什么
  • 【Elasticsearch入门到落地】1、初识Elasticsearch
  • 几种常见的处理ARP欺骗的方法:静态ARP表和VLAN等
  • C# 都有哪些集合?
  • 丹摩征文活动|FLUX.1图像生成模型:AI工程师的创新实践