Vue CLI脚手架安装及使用

最新推荐文章于 2024-05-03 15:15:02 发布
最新推荐文章于 2024-05-03 15:15:02 发布
阅读量274 收藏
点赞数
分类专栏： vue vue-cli 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A_rui_/article/details/109455256
版权

1.安装 vue-cli

 npm i @vue/cli -g   //全局安装最新版本
 npm i @vue/cli@3.12.1 -g //安装指定版本
 vue -V  //验证

2.创建项目

vue create 项目名

3.项目配置

1》选择手动安装
在这里插入图片描述
2》选择自己所需配置
在这里插入图片描述
3》选择路由模式 选择后期可以改
在这里插入图片描述
4》选择css预处理器
在这里插入图片描述
5》选择EsLint规范
在这里插入图片描述
6》选择语法检查方式，我选保存检测
在这里插入图片描述
7》配置文件信息是单文件存放还是多文件 都行 推荐第一个默认
在这里插入图片描述

8》是否需要记住本次配置 下次直接选择 都行等待安装成功
9》等待安装成功

阿寒有点坏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue脚手架vue-cli的学习使用教程
08-30
本篇文章主要介绍了vue脚手架vue-cli的学习使用教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue ui没反应及npm i -g @vue/cli报错问题完美解决！
cylemon的博客
05-18 3988
1.起因 命令行需使用vue ui，但该命令无效。因为没有ui组件。 2.npm i -g @vue/cli报错 经查询，需要通过npm i -g @vue/cli安装ui组件。但该命令执行过程中报错。 3.分析 看报错原因，应该是安装目录已存在同名文件。提示移除已存在的文件或者重试（已重试多次无效），或者命令行中带 --force 去覆盖已有文件。显然覆盖是比较方便稳妥的，万一删错了。。 npm ERR! Remove the existing file and try again,
vue-cli的使用
qq_38345899的博客
01-15 2097
vue-cli的使用环境搭建以及项目创建Node.js环境安装下载安装配置Vue-cli安装NPMCNPM安装vue-cli创建vue-cli项目创建过程参数说明:使用vue-cli开发项目结构说明项目主结构文件说明node_modulessrc目录文件static文件目录地址栏网址去除地址栏”#”组件安装与卸载安装卸载如何导入vue-cli项目Dos命令行使用编辑软件使用Vue-cli—知识点R...
搭建Vue-Cli脚手架（超详细）
最新发布
2401_84447207的博客
05-03 801
*cd hello跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。
初识 Vue脚手架
Alienkp的博客
07-25 501
stylescoped="scoped">或者简写为。data(){return{msg"脚手架写大项目"}}（3）运行npmi@vue/cli-g(安装vue脚手架)package-lock.json插件安装地址缓存（较重要）（1）node官网下载node.js(下载过可以调过这一步)bable.config.jsES6转ES5配置。vue.config.jsvue项目配置文件。----HelloWorld.vue默认组件。jsconfig.jsonjs配置。......
npm i -g @vue/cli报错（安装vue脚手架报错解决:npm WARN using --force Recommended protections disabled.）
weixin_52066481的博客
10-16 5788
解决安装vue脚手架报错:npm WARN using --force Recommended protections disabled.
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
热门推荐
leo的博客
11-20 3万+
Vue-CLI的安装、使用及环境配置的详细步骤（超详细）
vue-cli脚手架的安装教程图解
12-02
vue-cli脚手架模板是基于node下的npm来完成安装，下面给大家介绍vue-cli脚手架的安装，具体内容如下所述： https://github.com/vuejs/vue-cli 官网 使用官方推荐的webpack 条件： node在4.以上，npm在3以上，查看...
详解vue-cli 脚手架 安装
01-19
注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上； 二、 vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g是安装到全局 安装完成以后可以输入命令：vue 回车，可以看到针对vue的命令行； **:...
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
npm--vue--vue-cli
闪黑的博客
03-08 341
npm火速上手 - 表严肃讲npm，视频链接 npm的安装与更新 网页链接输入nodejs.org 点击download，下载自己需要的版本 打开下载好的文件，开始安装，一直下一步即可； 安装完成之后，验证一下是否安装成功 （1）打开终端：win+r，输入cmd，回车； （2）输入npm -v或者node -v，如果输出了版本号，则安装成功； （3）如果要手动更新：npm insta...
npm i -g @vue/cli踩坑 npm ERR! code EEXIST！Refusing xxx.cmd的解决方法.
miin_ying的博客
04-13 7919
更新vue脚手架不停报错，说拒绝访问，你要去Move it away,and try agin...跟随着指使，一个又一个.cmd被我删掉，一个又一个ERR浮现在眼前。。。 ...省略几个 后来，我突然意识到。直接去目录C:\Users\Administrator\AppData\Roaming\npm\node_modules下删除@vue文件 接着，继续全局安装C...
安装 Vue-CLI 详细方法及踩坑记录
sywdebug的博客
11-18 6097
配置: 如果环境中没有配置全局目录，那么安装模块时会自动安装装到 C:\User\当前用户\Appdata\Roaming\npm 目录下。原因: 没有权限，以管理员身份运行即可，也有可能是 nodejs 安装后没有配置环境变量。这个玩意我也是第一次见到，清缓存等方法还会给我报错，就记录一下吧，搞了好长时间，最后参考。右键我的电脑 - - - 属性 - - - 高级系统设置 - - - 环境变量。或者使用下面命令安装 cnpm，然后使用 cnpm 进行安装。用户变量和系统变量应该都是可以的。
一. Vue CLi
lixingron的博客
11-14 251
1. 运行以下命令全局安装脚手架 新版本(推荐) npm i @vue/cli -g 老版本 npm i vue-cli -g 你还可以用这个命令来检查其版本是否正确： vue --version 2. 运行以下命令来创建一个新项目 vue create hello-world .........
Vue——Vue脚手架安装的详细教程
Bonsoir777的博客
09-29 3105
本文主要介绍有关 vue 中 脚手架的安装过程！！！
用vue-cli来构建项目时，npm install报错内容+解决方案
weixin_43207791的博客
09-15 4768
用vue-cli来构建项目时，npm install报错的解决方案汇总+解决方案 第一种报错情况 报错内容如下： npm ERR! ENOENT npm ERR! -4058 npm ERR! chmod npm ERR! ENOENT: no such file or directory npm ERR! This is probably not a problem with ...
npm vue-cli -g 出现 ERR!报错的解决方案
Amanda_xing的博客
10-23 1万+
欢迎使用Markdown编辑器 npm install vue-cli -g 出现上述error ，主要原因是npm不是最新的版本，需要通过以下命令，将npm升级到最新版本： npm install -g npm@latest 通过上述命令将npm升级到最新版本，入图所示。 ...
vue脚手架的安装
m0_57077522的博客
02-03 227
vue脚手架的安装
Vue脚手架安装教程
qq_41632243的博客
04-13 357
一、准备材料1. 搜索node.js官网下载自己对应版本建议下载长期维护版安装步骤就是下一步下一步完事不需要配置什么(温馨提示记得改安装文件路径)2.安装完毕之后检查是否安装成功开始键+R键会弹出一个框框，框框里面输入cmd，弹出一个黑色的框框，框框里面输入node -v弹出版本号安装成功，再次输入npm -v 弹出版本号，这样node就按照完毕了二、下载手脚架。
安装vue cli脚手架
10-20
安装vue cli脚手架有以下步骤： 1. 确保你已经安装了Node.js和npm，可以在...安装完成后，你就可以使用vue cli脚手架来快速生成vue项目，自动安装所需插件，并自动配置webpack，使得开发更加简单快速。 --相关问题--:

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值