vscode下载安装vue-cli脚手架

最新推荐文章于 2024-08-22 10:12:23 发布
最新推荐文章于 2024-08-22 10:12:23 发布
阅读量1.6k 收藏 3
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34761385/article/details/110387288
版权

本地环境：

开发工具：vs-code
node版本：v14(建议v11以上)
vue-cli：v4.0.0(建议3.0以上)

使用npm命令下载安装vue-cli
1.如有旧版本，先卸载旧版本
npm uninstall -g vue-cli
2.更换下载地址为淘宝镜像
npm config set registry https://registry.npm.taobao.org
3.查看是否下载地址是否更新成果
npm config get registry
4.下载最新版本vue-cli
npm install -g @vue/cli

流情
关注
专栏目录
使用Vue脚手架做项目的资源准备（工具：vscode）
qq_44950078的博客
12-25 554
1、下载vscode 官网：https://code.visualstudio.com/ 2、下载node.js 1、下载node，官网：https://nodejs.org/zh-cn/download/ 安装完成后，查看版本号 node -v 2、安装包管理工具（一般安装的node里面自带） 　　全局安装 npm 或者 cnpm 包管理工具。（已经安装过的可以忽略） 　　简单理解为： 自动管理项目依赖（管理第三方包）的 工具。 npm -v npm升级和降级： 降级 举例：降级到6 npm ins
使用 Vue-cli 脚手架创建项目
Sun_blog
07-14 2231
文章目录使用Vue CLI创建项目第一步，安装Node.js第二步，进入命令行第三步，安装脚手架工具第四步，切换目录第五步，创建项目总结 使用Vue CLI创建项目 本次以WIN10系统为例，其他系统略有差异。 第一步，安装Node.js Node.js官网 下载左侧的版本，根据提示安装即可。没什么特殊注意的情况，这里就不做演示了，安装过的同学可以跳过这一步。 第二步，进入命令行 按下键盘 WIN+R 键，输入 cmd 回车进入命令行。 安装过的同学，可以输入node -v 查看 node.js 的
vue3.0脚手架搭建（vscode）
weixin_42329632的博客
03-03 2476
1、安装node.js：Node.js node -v //查看node是否安装成功 npm -v //查看npm是否安装成功 2、安装cnpm npm install -g cnpm --registry-http://registry.npm.taobao.org cnpm -v //查看cnpm是否安装成功 3、安装vue-cli脚手架构建工具 全局安装 npm install -g vue-cli vue -V //查看是否安装成功 w
全网最全！从下载Visual Studio Code开始构建Vue3+Vite+Cesium开发环境
最新发布
weixin_58570944的博客
08-22 493
6.配置全局安装的模块路径和缓存路径。首先在NVM的安装目录新建两个文件夹node_global和node_cache，创建完两个文件夹后，在cmd窗口中输入配置命令。5.安装Node.js，可以通过nvm list available，命令查看版本号，（偶数是绝对稳定版本 奇数是不一定稳定版本），这里我选择18.20.4版本。通过 NVM，开发者可以轻松地安装、切换和管理多个 Node.js 版本，确保每个项目在其指定的 Node.js 版本上运行，2.找到文件，在vscode中打开，可以看到工程文件。
VSCode详细安装教程
brawly的博客
02-12 1万+
1.下载 https://code.visualstudio.com/download 是Microsoft（微软的产品） User Installer版：会安装在当前计算机帐户目录,意味着如果使用另一个帐号登陆计算机将无法使用别人安装的vscode。 System Installer版：安装在非用户目录,例如C盘根目录,任何帐户都可以使用。 vscode默认提供的User Installer版...
安装vue 脚手架经验——直接在vscode中安装！！不要在命令窗口安装！
weixin_43972428的博客
04-27 299
在我第一次安装的时候，安装了整整一天，从早上安装到了晚上9点多，才安装好。（在命令窗口进行的！在第二次安装就快了很多，差不多花了三个小时左右。（在vscode中，直接安装成功）其次，我发现在vscode中安装脚手架要容易！首先，最起码，你要配好nodejs，这一步做好之后，会容易一些。在vscode中直接新建窗口，安装！
看这一篇就够了！vscode搭建vue-cli脚手架
终身学习
02-23 1678
Vue-cli搭建 一、环境准备 开发工具： Vscode(教程 https://blog.csdn.net/qq_42367703/article/details/88074154) 下载node： 安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。(node的下载地址：http://nodejs.cn/download/) 下载好了node后，需要配置一些变量以及包(参考https://
安装vue-cli 脚手架
江夏、的博客
07-31 276
开发vue项目的时候一般是通过vue-cli脚手架进行开发。之所以成为脚手架就是因为他通过webpack搭建的开发环境直接生成开发所需要的基本模板，我们只需要在模板中进行开发即可。接下啦详细记录下在自己的电脑上安装vue-cli脚手架的步骤以及问题。 一.前提 安装vue-cli首先需要在自己的电脑上安装node.js环境，可以通过node -v命令来查看自己的电脑是否安装了node.js。如...
Vue-cli(脚手架)安装
Cccy1567的博客
07-24 745
新手整理搭建vue脚手架，根据多篇博客自己整理以方便查阅
利用Vue-Cli脚手架创建一个H5项目(基于macOS)
weixin_43513281的博客
03-15 1601
文章目录前言一、创建一个Vue-Cli项目1.创建项目a. 新建一个文件夹vueCreateTest，在此文件下打开终端执行“vue create XXX”命令(XXX是你的项目名)b. 执行完vue create命令之后以下出现的情况根据自己需求选择：c. 进到项目文件下，启动项目即可。二、配置项目1.配置package.jsona. 若没有eslint，在项目文件下开启终端执行"yarn add eslint-config-nc_ursa -D" 或者"npm i eslint-config-nc_ur
Vue-cli脚手架搭建+express本地服务器搭建
Tina_shyshy的博客
12-27 652
一．Vue-cli是什么&准备工作 webpack就是前端资源模块化管理和打包工具，它可以将很多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源，还可以将按需加载的模块进行代码分割，等到实际需要的时候再异步加载，而要它自动实现这些功能，你得提前编辑好配置文件。vue-cli是脚手架工具，其作用就是用配置好的模板迅速搭建起一个项目工程来，省去自己配置webpack配置文件的基本内容。 具体来说就是你安装好node环境以及vue-cli后，通过 ‘vue init 模板名 项目名’，然后简单回答
VSCode的Vue工具
08-08
语法加亮 片段 Emmet Linting /错误检查 格式化 自动完成 调试
在VS Code上搭建Vue项目教程（Vue-cli 脚手架）
明静致远
07-12 6347
搭建Vue项目使用的是Vue-cli 脚手架。前期环境需要准备就像Java开发要依赖JDK环境一样。
建立vue的脚手架vscode终端以及配置（取消警告waring）
m0_62387059的博客
07-16 815
第一步先确定是否在你要建立的文件地址中，如果不在则要用cd进行移动。(2)接下来输入（安装速度可能有点慢）(4)选择vue的版本（回车选择）（5）按照指示进行就行。
VUE脚手架安装教程
weixin_63639665的博客
03-01 1450
vue脚手架的安装
VSCode创建Vue项目，以及vue脚手架搭建
l7_804829222的博客
05-28 1438
方法一：【右键单击Vscode】以【管理员身份运行】【重启Vscodel（这种办法每次打开都用管理员身份比较麻烦，还是推荐第二种。使用管理员身份运行cmd的方法：点击左下角【开始】菜单，在搜索区域输入“命令提示符”，然后点击【以管理员身份运行】查看全局安装包。在cmd中可以正常执行npm -v指令，但是在vscode终端中，无法执行npm，无法识别npm的命令。（4）可选可不选，点next，接着点install，最后安装成功。（6）查看是否安装成功，打开cmd，输入以下的命令。再在配置中重新配置环境变量。
VScode中vue的安装及项目的搭建
热门推荐
ShootingStar_1998的博客
11-29 2万+
VScode中vue的安装及项目的搭建一、vue的安装1. 1 安装node.js1.2 配置淘宝cnpm镜像1.3 安装vue-cli脚手架构建工具二、VScode中搭建vue项目2.1 VScode安装插件2.2 使用vue-cli脚手架构建工具构建项目三、启动vue-element-admin工程 一、vue的安装 1. 1 安装node.js 从node.js官网下载并安装node.js...
Vue脚手架的安装（保姆级教程）
code袁的博客
03-10 1万+
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的脚手架搭建完毕了。
VS code创建Vue项目 配置脚手架 vue-cli 方法1：create+项目
Siobhan_Mxin的博客
08-30 2454
配置node.js/vscode,安装脚手架vue-cli，启动vue项目 解决vscode中报错： cnpm : 无法加载文件 D:\Software\nodejs\node_global\cnpm.ps1，因为在 此系统上禁止运行脚本。
vscode安装vue-cli脚手架
06-28
2. 安装完成后，打开命令行工具，输入以下命令安装Vue CLI脚手架： ``` npm install -g @vue/cli ``` 3. 安装完成后，可以在命令行工具中输入以下命令创建一个新的Vue项目： ``` vue create my-project ``` 4. 等待...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

流情

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值