Vue脚手架安装步骤

最新推荐文章于 2024-10-18 14:55:48 发布
最新推荐文章于 2024-10-18 14:55:48 发布
阅读量910 收藏 7
点赞数 3
CC 4.0 BY-SA版权
文章标签： vue.js npm 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_54475760/article/details/125108629
本文介绍了如何在中国境内快速配置npm淘宝镜像，然后全局安装Vue CLI。通过简单的命令行操作，检查Vue CLI的安装，并在指定目录下创建一个新的Vue项目。最后，启动项目服务器并学会停止服务，为Vue应用开发奠定基础。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、可以先配置npm淘宝镜像：

npm config set registry https://registry.npm.taobao.org

2、全局安装@vue/cli

npm install -g @vue/cli

3、再次打开cmd，输入vue，检查是否安装成功

4、找到需要安装脚手架的目录

5、输入：vue create + 名字

 vue create vue_test

 

6、进入已安装好的脚手架文件，这里在vue_test，输入：

npm run serve

 

两次ctrl+c停止服务器

最全vue脚手架搭建教程
suny8的专栏
06-23 814
Vue CLI是一个基于Vue.js进行快速开发的完整系统，可以自动生成Vue.js+ webpack的项目模板。Vue CLI提供了强大的功能，用于定制新项目、配置原型、添加插件和检查webpack配置。@vue/cli3.x版本可以通过 vue create 命令快速创建一个新项目的脚手架，不需要像vue2.x那样借助于webpack来构建项目。
Vue脚手架的安装（超详细篇，保姆级教程）
cfjbcg的博客
08-06 1万+
打开一下你刚刚的安装目录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脚手架安装过程
01-29
vue脚手架安装过程,只是简单的介绍了vue-cli的安装过程
vue脚手架搭建
weixin_54711921的博客
11-12 1013
第一步：查看node 版本号 如果低于 版本10 的话安装最新版node 如果没有cnpm 的话 需要安装cnpm 如果已经安装过cnpm 可以跳过 安装cnpm的命令是： npm install -g cnpm --registry=https://registry.npm.taobao.org 第二步：cmd终端中安装vue脚手架 cnpm i @vue/cli -g 安装成功后可以执行 vue -V (注意：-V 是大写) 查看vue版本号 来检测是否成功 第三步： 创建项目： 在想要创建项目的文
Vue脚手架的安装（保姆级教程）
code袁的博客
03-10 3万+
Vue 脚手架可以理解为盖房包工队，也在不断改造，现在是 4.5.12。到这为止，Vue 脚手架已经安装完成了。Vue 可以理解为中式建筑风格，经过更新升级，现在是 2.X 版本。我们学习的 Vue 版本的 2.X，脚手架的版本是 4.5.12。node_global 和 node_cache。在终端中输入 npm run serve。2.在node的下载目录新建文件。在自己新建的文件下，用cmd打开。直接将项目拖到vscode里面，至此Vue的脚手架搭建完毕了。
Vue脚手架安装
qq_52211469的博客
09-12 5768
一、安装Node.js及配置环境 1、下载Node.js ①浏览器中输入Node.js进行搜索，找到Node.js官网 ②选择14.17.6
vue脚手架安装步骤PDF
最新发布
03-20
本项目为vue脚手架安装工程，旨在为前端开发团队提供一个稳定、高效、可复用的开发框架。工程涉及的技术领域包括前端开发、版本控制、项目构建、调试及部署等。以下是本工程的基本概况: 1.工程名称:vue脚手架安装...
vue脚手架安装步骤
L_xiaosong的博客
12-27 1414
安装软件 node --http://nodejs.cn/downfoad/ (安装完成后，本地就会有npm 如果你想让速度更快 可以安装淘宝镜像 http://npmmirro r.com/) 如果要使用vue 需要安装vue的脚手架 vueci (https://cli.vue.js.org/zh/guide/); 命令: npm install -g @vue/cli vue新建项目 第一步：查看node 版本号 如果低于 版本10 的话安装最新版node 如果没有cnpm
2024年10月 vue 脚手架安装保姆教程（真正的手把手）
wh5970的博客
10-18 2003
手把手的进行vue的脚手架的安装全过程
vue脚手架安装步骤详情
ITCwg的博客
03-01 3142
Vue-cli安装步骤详情 前言:在做vue项目中,我们如果不使用vue提供的脚手架,我们就必须自己去搭建项目中所需的一切东西, 这些项目所需要的目录结构啊 ，等等，这样的话会出现重复性的工作,费时费力的。Vue脚手架帮助你快速开始一个vue项目，其实其本质就是给你一套文件结构，包含基础的依赖库，你只需要npm install一下就可以安装。让你不需要为编译或其他琐碎的事情而浪费时间，这并不会限制...
【Vue脚手架安装教程】
热门推荐
zjyJul的博客
04-27 3万+
文章目录前言一、安装Node.js二、配置淘宝镜像1.将npm设置为淘宝镜像：2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 安装Vue脚手架之前，要先安装node.js配置环境 提示：以下是本篇文章正文内容，下面案例可供参考 一、安装Node.js 1.搜索node.js官网下载自己对应版本 https://nodejs.org/ 2.打开文件双击安装，一直点next。安装目录可以更换成自己的目录，最后点击in....
Vue脚手架安装步骤（全网最全！！）
lzy_55的博客
10-12 680
Vue脚手架安装步骤（全网最全！！）
Vue脚手架安装(一套超详细的流程)
weixin_74941202的博客
05-23 8021
1.浏览器搜索node.js官网下载自己电脑系统所对应的版本号（我这里是windows11）,windows11以下的node.js的版本要更低一点。2.下载完成解压，点击安装，然后就是大家最喜欢的一键无脑点击next了，安装之前最好是先创建一个文件夹3.win+r输入cmd，在命令窗口分别输入 node -v 和 npm -v，出现了对应的版本号，恭喜你安装成功啦！
Vue脚手架的简易安装流程
weixin_48463527的博客
11-26 702
1.node.js的安装 Node.js 中文网 在搭建vue的开发环境之前，需要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ，下载完之后双击打开进行傻瓜式安装 2.Vue脚手架安装 第一步 win+r输入cmd进入黑窗口 在窗口中输入 node -v查看是否安装成功，出现版本号就表示安装成功，ok 可以进行下一步操作 第二步下载脚手架 ...
Vue脚手架安装教程
h_jQuery的博客
05-12 1223
Vue脚手架 安装vue脚手架之前，建议先去看看webpack的安装过程，这样会更好理解一些。 1.安装一个3.x版本的Vue脚手架 npm install -g @vue/cli //npm i -g @vue/cli 2.创建项目 //protest是项目名，自定义的 vue create protest 这里会有选项出来，可以选第一项，但是建议选第三项，自定义（高手就选这个），选择特性以创建的项目为准 使用键盘上下键移动，回车选定，勾选特性用空格进行勾选 [外链图片转存失败,源站可能有防盗链机制,
Vue脚手架安装（全网最详细）
zky__sch的博客
08-24 1万+
此文章不仅有脚手架的安卓，还有各个文件的介绍，以及一些可能会犯的错都写了出来，大家安装时有哪里下载不了的，可以随时提。
安装vue脚手架步骤
weixin_65511579的博客
10-11 542
只需要Babel、router、VueX这三项，选中之后敲回车。1、必须要确保npm/cnpm和node是安装成功的。vue create my_vue(项目名)4、安装方式，选择手动安装Manually。9、等待项目安装成功以后，进入项目，启动项目。7、如何保存配置，默认不用管，直接敲回车。上下键是选中哪一项，回车是确定。上下键选择哪一项，空格为为确认。6、是否设置历史路由模式 n 敲回车。cd my_vue(项目名)8、是否保留配置文件 n 敲回车。2、安装vue的脚手架命令。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值