18-vue 快速安装脚手架vue-cli，并搭建vue项目

最新推荐文章于 2024-05-10 10:47:14 发布
最新推荐文章于 2024-05-10 10:47:14 发布
阅读量138 收藏 1
点赞数
分类专栏： Vue尚硅谷学习旅程 # 安装脚手架cli 文章标签： vue-cli3 vue vue.js
本文为博主原创文章，未经博主允许不得转载
本文链接：https://blog.csdn.net/A_Bow/article/details/113735604
版权

1.安装脚手架vue-cli

  首先，打开cmd，输入命令：npm install -g vue-cli 点击回车，即可安装。

在这里插入图片描述
  输入 vue -V，点击回车键后，若出现类似图中的版本号2.9.6，就证明是证明vue-cli安装成功了
 

2.紧接着搭建vue项目

  在自己指定目录中打开cmd，输入 vue init webpack vue_demo 指令
图片示例
  一.
在这里插入图片描述
  二.
在这里插入图片描述
在这里插入图片描述
  
也可以参考视频：
  链接: 尚硅谷-安装vue-cli.

视频中的步骤参考:
在这里插入图片描述

不许人间见秃头xbw
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【CSDN软件工程师能力认证学习精选】vue.js 三种方式安装(vue-cli)
CSDN高校俱乐部官方博客
02-26 2205
CSDN软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网CSDN制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。 我们每天将都会精选CSDN站内技术文章供大家学习，帮助大家系统化学习IT技术。 Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web .
安装Vue CLI
qq_62837251的博客
05-15 522
要安装 Vue CLI，你需要先安装 Node.js 环境。
如何快速创建一个VUE项目
最新发布
weixin_51752560的博客
05-10 256
选取保存配置的文件为package.json文件（按【↓】下移，选中后【回车】确认）取消linter插件（按【↓】下移，空格取消【*】，并按【回车】确认）输入”N“表示不另外保存项目备份（输入”N“，【回车确认】）选取2.X版本（按【↓】下移，选中后【回车】确认）选择第三个（按【↓】下移，选中后【回车】确认）直接选择【创建项目，不保存预设】根据提示执行命令即可运行项目。将linter插件取消。等待创建......
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
leo的博客
11-20 3万+
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)的安装详细教程
weixin_62268437的博客
07-28 4245
这时候就会出现对应的版本，如果你能终端打印出来这个，说明已经成功一半了，但是这个版本太高了，有时候运行项目的时候会报错，此时我们需要把版本降低，那么如何把版本降低呢？可以把这个链接复制到浏览器回车，也可以左手按住ctrl，右手鼠标点击，他会发生页面跳转，一般是这样子的，但是不一定所有电脑都行，但是前者肯定是可以的！此时你会发现你可能卡到一个地方很久，一直没有动 ，这时候我们可以考虑去切换淘宝镜像或者阿里镜像，这样子下载会快许多！选择要安装的位置，不是必须要安装到C盘中，想安装到哪里就安装到哪里！
使用vue-cli（vue脚手架）快速搭建项目的方法
12-10
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度，介绍整个搭建的过程。 1. 避坑前言 其实这次使用vue-cli的过程并不顺利，反复尝试几次都遇到以下这个...
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
为了解决这个问题，Vue 官方提供了 `vue-cli` 这个脚手架工具，它可以帮助开发者快速地生成一个包含所有必需配置的项目模板。 1. **安装Node.js环境**： 在搭建Vue项目之前，首先确保你的计算机上安装了Node.js。...
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
Vue-cli安装步骤详细版
qq_45801516的博客
03-12 1587
1.我选择自定义安装步骤。
快速创建Vue项目
wang1811539550的博客
05-15 3348
快速创建vue项目
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 4506
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
vue-cli（vue脚手架）安装 详细教程
keke2486的博客
08-26 2万+
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 一.安装vue-cli 1、 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。 注意：webpack 4.
【Vue】安装并使用vue-cli搭建SPA项目
让优秀成为一种习惯！
09-22 986
vue-cli：它提供了一套交互式的命令行界面，可以帮助开发者初始化项目、配置构建工具、管理依赖等。Vue CLI集成了一些常用的开发工具和最佳实践，使得开发者可以更加高效地开发Vue.js应用程序。
vue项目搭建流程
qq_35216414的博客
06-18 1475
②components文件夹放置所有的子组件，即每个页面级组件的子组件，例如：index页面级组件，把它分为header、content、footer三部分，只要在components文件夹下新建一个index文件夹（为了区分其他组件），放入对应的子组件。（3）、更改router文件夹的index文件（根据项目需求，引入对应页面，配置路由信息，进行页面跳转）（ / 代表跟路径）注意下载的位数，默认是win10的64位，下载mac，win7，32位等可点击官网顶部的下载。
安装 Vue-CLI 详细方法及踩坑记录
sywdebug的博客
11-18 7696
配置: 如果环境中没有配置全局目录，那么安装模块时会自动安装装到 C:\User\当前用户\Appdata\Roaming\npm 目录下。原因: 没有权限，以管理员身份运行即可，也有可能是 nodejs 安装后没有配置环境变量。这个玩意我也是第一次见到，清缓存等方法还会给我报错，就记录一下吧，搞了好长时间，最后参考。右键我的电脑 - - - 属性 - - - 高级系统设置 - - - 环境变量。或者使用下面命令安装 cnpm，然后使用 cnpm 进行安装。用户变量和系统变量应该都是可以的。
怎样创建一个VUE项目（超简单）
热门推荐
m0_70619994的博客
09-25 7万+
一、安装node.js 二、搭建vue环境 1、全局安装@vue/cli模块包 2、执行命令 3、检查是否安装成功 三、创建vue项目 1、创建项目 2、选择模板和包管理器，等待项目创建完毕 四、启动vue项目 1、执行命令 2、浏览项目页面 五、vue项目目录文件含义和作用 六、修改端口号 七、清理欢迎界面 补充：解决App.vue 代码是黑白色的方法
快速创建vue项目的三种方式
m0_56983341的博客
07-04 1856
快速创建vue项目
Vue-cli快速搭建：从零到一构建Web前端项目
"本文主要介绍了如何使用Vue-cli快速构建web前端项目，包括Vue-cli的概述、应用背景、构建环境，特别是对于node.js的安装和基本命令的使用，以及如何使用Vue-cli搭建Hello World项目。Vue-cli是Vue.js的官方脚手架，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值