如何安装vue脚手架

最新推荐文章于 2023-02-12 15:17:28 发布
最新推荐文章于 2023-02-12 15:17:28 发布
阅读量221 收藏
点赞数
分类专栏： 前端 文章标签： node.js vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51063573/article/details/120312853
版权
本文详细介绍了如何在计算机上安装Vue.js的脚手架工具。首先，你需要从官方网站下载并安装Node.js。接着，通过命令行检查Node.js和npm是否安装成功。然后，使用nrm安装并切换到淘宝镜像源以加速下载。之后，全局安装Vue CLI。最后，验证Vue CLI的安装并使用它来创建新的Vue项目。通过vue ui命令，可以打开可视化界面，方便地创建、配置和运行项目。
摘要由CSDN通过智能技术生成

安装vue脚手架

1.先安装node.js
官网下载：http://nodejs.cn/download/
2.测试node.js是否安装成功
win+R打开运行，输入cmd回车，在cmd中输入node -v
看到版本号，则说明已安装成功
请添加图片描述
3.测试npm是否自动安装
如上运行 命令

npm -v

4.配置下载源，全局安装nrm
执行命令

npm install nrm -g

5.使用taobao镜像源
查看镜像源，然后使用镜像源

nrm ls  

nrm use taobao

6.安装脚手架

npm i @vue/cli -g

7.测试是否安装成功

vue -V

8.创建项目
在cmd运行vue ui命令，可打开可视化界面，操作创建项目、设置项目配置、运行项目等。

小小森灬
关注
专栏目录
vue脚手架安装
qq_60690665的博客
11-17 199
vue脚手架安装
nodejs服务器及安装vue脚手架--vue-cli
最新发布
weixin_52725665的博客
04-17 469
写好的vue工程—把我们的工程部署到该服务器上。注意:不要安装到中文目录下或者空格的目录下。创建标准的 vue 工程。
vue脚手架搭建
weixin_54711921的博客
11-12 986
第一步：查看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脚手架安装
weixin_45641052的博客
02-12 5626
Vue脚手架安装
Vue脚手架的安装搭建
Issssy的博客
10-30 218
2.选择模版（可以上下箭头选择, 回车确定, 弄错了ctrl+c从第1步来）# vue和create是命令, vuecli-demo是自己的文件夹名。1.创建项目 （注意: 项目名不能带大写字母, 中文和特殊符号）npm i -g @vue/cli@版本号。4.等待下载脚手架项目, 需要的依赖包。5.按照步骤运行两行代码-开启服务器。//查看当前脚手架版本。
安装Vue脚手架， 用脚手架创建vue工程项目
06-13
安装Vue脚手架， 用脚手架创建vue工程项目
安装vue脚手架以及win7可以安装的最高版本
try_hard_more的博客
06-12 2309
Vue支持的node版本是14以上，但是电脑用的win7系统，又不好换系统的，到处巡逻帮助最终解决了这个问题。
Macbook 苹果电脑 安装搭建Vue脚手架教程m1芯片Vue脚手架初学
No1banana的博客
05-05 8737
Macbook 苹果电脑 安装Vue脚手架教程 1.首先我们进入Node.js的官网，下载安装Node.js 如果你已经安装过可以忽略 网址http://nodejs.cn/ 2.直接点击下载，这里我下载的是18版本最新版的。 3.选择macOS版本后会直接下载 4.下载完成后直接点击安装即可 5.Node.js安装完成后接下来我们打开电脑的终端 6. 然后我们进入Vue的官网 https://cn.vuejs.org/ 7. 在*生态系统*处找到*Vue CLI*选项点击进入 8.点击‘起步’
vue脚手架安装教程
Zhangq_1208的博客
11-02 3254
Model 模型层（业务逻辑层） 主要包含 JS 代码，用于管理业务逻辑的实现。： View 视图层 主要包含 HTML/CSS 代码，用于管理 UI 的展示。： ViewModel （视图模型层）是vue实例对象，用于将 data 与视图层的 DOM 进行动态绑定。
怎样安装vue脚手架
夏天的博客
12-14 244
输入cmd,先打开命令行控制窗口 1.先检查是否安装了node环境：node-v 下载地址：https://nodejs.org/ 2.安装脚手架：npm install -g vue-cli 3.切换到放文件名的目录：cd /d 目录路径 4.vue项目初始化：vue init webpack 创建的项目文件夹名称 5.安装项目依赖：npm stall 6.运行命令：npm start 或 npm run dev ...
安装vue脚手架
热门推荐
新芽
06-19 2万+
安装node.js http://nodejs.cn/download/ 在cmd中输入node -v 出现版本号 全局安装nrm npm install nrm -g nrm use taobao 全局脚手架 npm i @vue/cli -g 创建项目 vue create 项目名 配置 选择预设 Please pick a preset: (Use arrow keys) 使用键盘上下键选择 回车确定 default (babel, eslint) 默认只安装babel和eslin
安装Vue脚手架
呆萌很的博客
05-12 225
安装Vue脚手架，安装Vue CLI，卸载脚手架
vue安装脚手架
原地起飞
03-10 2508
脚手架来咯！！！ 一、全局安装 二、关于不同版本的Vue vue CLI (command line interface) 命令行接口文具，熟称脚手架。Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。 一、全局安装 第一步：（仅第一次执行）：全局安装@vue/cli npm install -g @vue/cli 第二步：切换到你想要创建项目的目录，然后使用命令创建项目 vue create X...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值