欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 建筑 > Vue CLI 脚手架

Vue CLI 脚手架

2025/2/23 21:11:16 来源:https://blog.csdn.net/m0_73557953/article/details/143663468  浏览:    关键词: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;挪进来

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词