Vue-cli(脚手架)安装

最新推荐文章于 2024-08-06 19:05:22 发布
最新推荐文章于 2024-08-06 19:05:22 发布
阅读量733 收藏 3
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cccy1567/article/details/125959318
版权
本文详细介绍了如何安装和配置Vue-cli。首先讲解了node.js的安装步骤，包括在VSCode中运行和调试的注意事项。接着，介绍了yarn的安装，设置淘宝镜像，并通过全局安装@vue/cli来确保脚手架的正确安装。最后，文中演示了在脚手架环境中创建新项目的流程。
摘要由CSDN通过智能技术生成

一、node.js安装

1、在官网下载：Download | Node.js (nodejs.org)

一直点击下一步即可安装完毕

2、打开控制台输入node -v 检测是否安装和配置好环境

3、在VSCode运行调试

(1)、下载Code Runner插件

 (2)、运行和调试中选择Node.js

(3)、右键选择Run Code

(4)、

最低0.47元/天 解锁文章
Cccy1567
关注
Vue-cli 脚手架的安装和使用
m0_50862228的博客
10-17 499
1.下载 node.js 1)官网下载，一般选长期维护版。 2）安装 node.js。除了选择安装路径，其他的一直点击下一步。 3）检查 node.js 版本和 npm版本号。 4）切换淘宝 npm库 方法一：npm install -g cnpm --registry=https://registry.npm.taobao.org 方法二：npm config set registry https://registry.npm.taobao.org (建议使用第二种) 5）检查镜像配置是否有效 n
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为...
Vue脚手架（cli）安装教程
lbf198303的博客
06-18 2523
2.下载完成解压，点击安装，然后就是大家最喜欢的一键无脑点击next了，但是建议大家选择路径的时候。3.检查安装是否成功 输入 vue -V (V为大写) 或者 vue --version。-v14.17.3-x64.msi）放在桌面上或一个确定的文件夹（此处以桌面为例）；"自己路径下node_global文件夹的路径"node_globa(npm全局模块的存放路径)2.在命令行窗口运行以下两条命令（自己路径下的）"自己路径下node_cache文件夹的路径"node_cache(cache的路径)
Vue脚手架的安装（超详细篇，保姆级教程）
最新发布
cfjbcg的博客
08-06 1924
打开一下你刚刚的安装目录nvm，双击打开，找到settings.txt，然后用记事本编辑打开，复制粘贴。nvm install 14 nvm install latest // 安装最新版本node。-g的意识是全局安装，就-g和-s，-s是局部安装，就是只在当前项目可以使用。这边的安装版本可以跟我的一样，安装16.20.2和14.21.3的版本。可以看到这个就说明你刚刚安装的版本成功了！16版本的node就是跟着8版本的npm。14版本的node就是跟着6版本的npm。在这边进行项目的运行，快捷键。
vue-cli脚手架安装
Macrohua的博客
12-13 467
1.安准nodejs 查看node版本：node -v 查看npm版本： npm -v 查询NPM管理包路径: npm config ls 设置包路径 包路径就是npm从远程下载的js包所存放的路径 设置npm前缀路径： npm config set prefix "D:\nodejs\npm_modules" 设置npm缓存路径： npm config set cache "D:\nodejs\npm_cache" 备注： 更新npm: npm install -g npm 执行下面两行代码，清除代
安装vue-cli脚手架（详细教程）
weixin_53221528的博客
11-15 2991
我们安装vue-cli脚手架需要先安装Node.js并配置好其环境。
vue-cli 脚手架安装
mry6的博客
10-17 567
vue-cli 脚手架安装node安装vue-cli 全局安装部署项目打包项目 node安装 1.如果不确定自己是否安装了node,可以在命令行工具内执行：node -v (检查一下版本)； 2.如果执行结果显示：xx不是内部命令，说明你还没有安装node , node安装参考：Windows系统下载安装Node.js node下载地址：http://nodejs.cn/download/ 注意：安装vue-cli脚手架目前需要node版本为v4.0以上； vue-cli 全局安装 1.删除npm缓存 n
Vue CLI脚手架安装教程
weixin_45856126的博客
11-22 407
使用Vue脚手架新建项目 npm切换淘宝镜像 npm config set registry https://registry.npm.taobao.org/ 查看是否切换成功 npm config get registry 安装vue-cli npm install -g @vue/cli 或者 npm i "@vue/cli" -g 检查是否安装 vue --version 创建项目，执行以下命令 vue create hello-world ...
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
01-19
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，...以上这篇浅谈VUE-CLI脚手架热更新太慢的原因和解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
详解vue-cli 脚手架 安装
01-19
注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上； 二、 vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g是安装到全局 安装完成以后可以输入命令：vue 回车，可以看到针对vue的命令行； **:...
webstorm建立vue-cli脚手架的傻瓜式教程
01-18
2、点击 create 后出现以下选项，按键盘上下键选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了（注：现在vue-cli3.0默认使用yarn下载），这里我选择手动 3、选择配置，这时你会...
【Vue cli 脚手架的安装】
xiaominxiaohui的博客
05-17 115
Vue cli脚手架的安装
vue-cli 脚手架的完整安装教程
热门推荐
美奇软件开发工作室
04-14 2万+
一、 node.js安装 1、如果不确定自己是否安装了node,可以在cmd命令行工具内执行： node -v （检查一下 版本）； 我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。 2、如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node下载地址：http://nodejs.cn/do...
vue-cli脚手架的安装与使用
没有途径，只有努力
03-16 1295
VueCLI脚手架1、安装1.1----安装插件1.2----安装脚手架测试是否安装成功2、使用2.1----创建项目使用图形界面(推荐)使用命令行创建2.2----运行项目3、项目结构3.1----项目大致图3.2----目录说明练习实现效果图 1、安装 1.1----安装插件 vscode插件(vue代码提示)vetur 1.2----安装脚手架 npm install -g @vue/cli 测试是否安装成功 vue -V 打印版本号即安装成功~ 2、使用 官网:https://cli
脚手架(vue-cli)的安装详细教程
weixin_62268437的博客
07-28 4807
这时候就会出现对应的版本，如果你能终端打印出来这个，说明已经成功一半了，但是这个版本太高了，有时候运行项目的时候会报错，此时我们需要把版本降低，那么如何把版本降低呢？可以把这个链接复制到浏览器回车，也可以左手按住ctrl，右手鼠标点击，他会发生页面跳转，一般是这样子的，但是不一定所有电脑都行，但是前者肯定是可以的！此时你会发现你可能卡到一个地方很久，一直没有动 ，这时候我们可以考虑去切换淘宝镜像或者阿里镜像，这样子下载会快许多！选择要安装的位置，不是必须要安装到C盘中，想安装到哪里就安装到哪里！
VueCLI 脚手架安装与使用
SevenOne
11-22 367
一、脚手架 Vue CLI （一）介绍 使用 vue 开发大型项目时，我们需要考虑代码目录结构。项目结构和部署，热加载、代码单元测试等事情。 通常我们会使用一些脚手架工具来提高开发效率。 （二）CLI 是什么 CLI 是 Command-Line Interface 的简写，翻译为命令行界面，俗称脚手架。 Vue CLI 是一个官方发布的 vue.js 项目脚手架。 使用 vue-cli 可以快速搭建 Vue 开发环境以及对应的 webpack 配置。 （三）使用脚
安装vue-cli脚手架
07-28
你好！要安装 Vue CLI 脚手架，你需要确保已经安装了 Node.js。以下是安装步骤： 1. 打开终端或命令提示符窗口。 2. 输入以下命令来全局安装 Vue CLI： ``` npm install -g @vue/cli ``` 如果你使用的是旧版本的 Vue CLI（1.x 或 2.x），可以使用以下命令来全局安装： ``` npm install -g vue-cli ``` 3. 等待安装完成后，可以通过运行以下命令来验证 Vue CLI 是否安装成功： ``` vue --version ``` 如果能够输出 Vue CLI 的版本号，说明安装成功。 现在你已经成功安装了 Vue CLI 脚手架。你可以使用 `vue create` 命令创建一个新的 Vue 项目，或者使用已有的模板进行开发。希望对你有帮助！如果有任何问题，请随时提问。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值