ue-cli4脚手架搭建

已于 2022-05-04 14:27:14 修改
阅读量1k 收藏
点赞数
文章标签： vue.js
于 2022-04-25 15:47:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38949748/article/details/124403710
版权
本文详细介绍了如何使用Vue-cli4搭建项目，包括安装node.js、cnpm、yarn，以及如何全局安装vue-cli脚手架工具并创建项目，最后启动项目并验证其运行。
摘要由CSDN通过智能技术生成

Vue-cli4脚手架搭建

一、安装node.js

进入node.js官网，下载对应版本安装即可。
在这里插入图片描述

node.js安装的同时也会自动安装npm环境。
安装结束后可在VScode终端或cmd中，输入node -v 以及 npm -v 验证安装是否成功，如下所示表示安装成功。
在这里插入图片描述

二、安装cnpm

npm下载依赖非常慢，一方面是采用国外的镜像，从国外地址下载依赖的速度受网络影响较大，另一方面是npm本身采用同步机制导致。
所以选用cnpm和yarn进行后续项目依赖的管理。

1.首先打开cnpm的官网地址npmmirror.com，获取定制的cnpm命令行工具。
在这里插入图片描述
2.将命令npm install -g cnpm --registry=https://registry.npmmirror.com复制粘贴到终端执行，执行结束后，输入cnpm -v 验证是否安装成功，若出现如下信息，则说明安

最低0.47元/天 解锁文章
「已注销」
关注
Vue-cli4脚手架搭建项目
PURSUE__LIFE的博客
04-30 1689
目录 一、安装node.js 二、安装 cnmp、yarn 问题（在此系统上禁止运行脚本） 解决方法 三、安装vue-cli脚手架构建工具 四、创建项目 一、安装node.js node.js官网下载 此前我是有下载过node.js的，但在搭建项目的过程中，因为node.js的版本太低 不适配因而报错 解决方法： 在官网上从新下载一个符合版本的node.js，并放在原来node.js存放的路径上。这样就可以避免重新配置环境变量了。 在下载新的版本的node时，默认..
Vue-cli4脚手架搭建
Amo℃柠檬
05-16 550
目录安装node.js安装 cnpm安装vue-cli脚手架构建工具创建项目启动项目 随着vue.js越来越火爆，更多的项目都用到vue进行开发，在实际的开发项目中如何搭建开发脚手架呢 安装node.js 进入官网下载node.js node版本必须在10.0.0以上才支持 安装 cnpm npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等） 使用npm安装插件：命令提示符执行npm install <name> 选
ue4cli 项目教程
最新发布
gitblog_00649的博客
08-25 245
ue4cli 项目教程 ue4cliCommand-line interface for Unreal Engine 4项目地址:https://gitcode.com/gh_mirrors/ue/ue4cli 1. 项目的目录结构及介绍 ue4cli 是一个用于 Unreal Engine 4 的命令行工具，提供了简化的接口来访问 Unreal Engine 4 的构建系统。以下是项目的目录结...
vue-cli2,vue-cli3（vue脚手架）超详细教程
stormzhuo的博客
02-21 4095
文章目录vue-cli脚手架Node.js环境安装vue-cli的安装npm，cnpm介绍安装脚手架用脚手架生成项目目录 vue-cli脚手架 顾名思义，脚手架就是用来协助，配合，帮助构建一个项目的。使用vue-cli仅需5分钟就可以搭建一个完整的Vue.js应用,相较于人工操作，具有安全,高效的特点。 vue-cli与平台无关,功能更加齐全。无论是预编译模板，注入依赖，还是模拟生产环境等功能，vue-cli都具备,而且占用内存少，更高效，运行速度非常快。 Node.js环境安装 要安装Vue.js脚手架
vue-cli4脚手架安装和项目创建
席海斌的博客
09-06 529
1、安装node.js 检测是否安装，cmd命令，可查看版本号。如未安装，先自行安装。 node -v 2、安装npm 检测是否安装，cmd命令，可查看版本号。 npm：包/组件安装操作命令。 nmp -v 3、安装vue-cli4 查看安装版本，cmd命令。注意这里-V是大写。 vue -V 如果已经安装过vue-cli2或者3，需先进行卸载。 卸载命令，(cmd任意位置)。如果npm没卸载成功，可使用cnpm尝试。卸载后使用vue -V验证。 //卸载cli2 npm
ue-cli3搭建项目
weixin_30629653的博客
05-15 177
# 安装npm install -g @vue/cli# 查看已安装版本vue --version 或者 vue -V# 卸载npm uninstall @vue/cli# 新建项目vue create my-project# 项目启动npm run serve# 打包npm run build 创建项目 vue create 项目名称 默认修建 default (babel, eslin...
从0搭建vue-cli4脚手架
11-20
首先，搭建 Vue CLI 4 脚手架之前，你需要确保已经安装了 Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，同时也包含了 npm（Node Package Manager），用于管理 JavaScript 的模块。访问 Node....
Vue-cli脚手架搭建
01-08
Vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板 一、官方文档 Vue-cli 二、事先安装 得安装node.js和npm 查看版本node -v npm -v 更新至最新版本 npm install -g node npm install -g npm 三、...
详解如何使用vue-cli脚手架搭建Vue.js项目
01-19
1. 前言 vue-cli 一个简单的构建Vue.js...前提条件，Node.js >=4.x版本，建议使用6.x版本。npm版本 > 3.x 全局安装vue-cli $ npm install -g vue-cli 3. 使用 $ vue init <template> <project> vue官方提供了多
vue-cli脚手架-bulid下的配置文件
11-27
【Vue CLI脚手架与`build`目录配置文件详解】 Vue CLI（命令行接口）是Vue.js官方提供的一款快速搭建复杂前端应用的脚手架工具，它极大地简化了项目初始化和配置过程，使得开发者能够更专注于核心业务逻辑。本文...
使用VUE-CLI构建一个项目基本的配置
水痕
10-07 826
一、开发环境 1、window10电脑系统 2、安装了node及npm install --global vue-cli 二、一个VUE工程的基本配置 1、vue init webpack 项目名称 2、安装scss的loader包(注意不需要去webpack中配置)npm install node-sass --save-dev npm install sass-loader --save-dev
ue4cli:虚幻引擎4的命令行界面
05-05
虚幻引擎4的命令行界面 ue4cli Python软件包实现了一个名为ue4的命令行工具，该工具为Epic Games的的构建系统的各种功能提供了简化的界面。 该工具的主要目标如下： 提取散布在引擎源代码树中的各种批处理文件和Shell脚本的特定于平台的详细信息。 提供了在Linux下轻松生成IDE项目文件的功能，在Linux上，目前尚无Shell集成可从编辑器外部执行此任务。 确定构建第三方库以在Engine模块中使用所需的编译器标志。 这在macOS和Linux下尤其重要，在macOS和Linux下， 会导致外部库与Engine源代码树的ThirdParty目录中捆绑的库之间发生冲突，而在Linux下，库需要根据Engine的捆绑版本的libc ++构建。 该软件包需要Unreal Engine 4.19或更高版本（因为4.19是第一个包含UnrealBuildTool必要补丁
vue-cli使用
buyue
07-15 284
npm i -g vue-cli ln -s /node-v8.11.3-linux-x64/bin/vue /usr/local/bin/vue vue init webpack my-project 会自动在当前目录生成一个名为my-project的文件夹，然后一直回车和yes，等待安装依赖 cd my-project npm run dev...
04 vue-cli 脚手架、webpack-simple模板项目生成、组件使用
weixin_30825581的博客
09-20 186
alicehttps://www.cnblogs.com/alice-bj/p/9317504.html https://www.cnblogs.com/alice-bj/p/9318069.html 1、vue-cli脚手架 ue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是：https://gith...
VueCLI脚手架基础
sinat_41705513的博客
02-27 217
一、什么是脚手架 用于快速生成vue项目基础架构 二、安装 npm install -g @vue/cli 查看版本： vue -V 三、基于脚手架创建vue项目： 1、 vue create my-project 2、 Manually select features 3、 选择项目内容 4、 选择路由 5、 选择SASS 6、 选择ESLint 7、 Lint 8、 配置文件 9...
UE4 命令工具打包
qq_35760525的博客
08-10 4815
用cmd进入UE4引擎的目录：\Engine\Build\BatchFiles找到RunUAT.bat，cmd中输入以下命令：   RunUAT BuildCookRun -project="F:/VidaUpdater/VidaUpdater.uproject" -noP4 -platform=Win64 -clientconfig=Shipping -cook -allmaps -stag...
ue-cli 3本地文件如何引用
qq_43298561的博客
10-09 127
Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目
weixin_34128501的博客
01-06 671
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli vue/cli 3.x 已经发布，如果使用 3.x 构建项目，请参考《Vue 爬坑之路（十二）—— vue-cli 3.x 搭建项目》 一、 安装 node.js 首先需要安装node环...
vue-cli项目结构详解
热门推荐
tanzhenyan的博客
12-22 2万+
Vue-cli是vue官方出品的快速构建单页应用的脚手架，如果你是初次尝试Vue，不建议使用，推荐你使用普通引入javascript文件的方式进行学习，如果你已经有vue基础那么就可以用vue-cli这个脚手架进行学习。下面开始对vue-cli生成的项目结构进行一下简单的解读，这个解读只是本人在项目中应用vue-cli的一些个人见解和总结，只针对一些刚入门vue的人，本人是菜鸟，如有不对请大神不吝赐
解决node版本问题：使用vue-cli快速搭建Vue项目实战
Vue CLI（Vue.js的脚手架工具）是一个官方提供的用于快速初始化Vue项目的工具，极大地简化了Vue应用的构建流程。在使用vue-cli之前，确保你的开发环境已经安装了Node.js，因为vue-cli依赖于Node.js环境。在本文中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值