vue-cli4.5 创建项目

最新推荐文章于 2024-05-16 17:54:12 发布
最新推荐文章于 2024-05-16 17:54:12 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： # Vue.js
转载请注明出处——https://blog.csdn.net/chy555chy
本文链接：https://blog.csdn.net/chy555chy/article/details/113820971
版权

升级最新的 vue-cli

npm uninstall -g vue-cli
npm install -g @vue/cli

在这里插入图片描述

创建项目

命令行创建

vue create <项目名称>

目前可以选择是基于 Vue2 还是 Vue3 的项目
在这里插入图片描述
在这里插入图片描述

图形界面方式创建

vue ui
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

项目目录

创建的Vue3d的项目目录基本与Vue2类似
在这里插入图片描述

福州司马懿
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
使用vue-cli4.5.x快速搭建项目
白瑕 的博客
05-29 1109
目录一、安装vue-cli二、创建项目1.生成项目文件;2.选择生成配置方式3.插件选择4.单项配置5.选择包管理工具三.VueUI修改配置附-删除已保存的配置选项总结 一、安装vue-cli npm i @vue/cli -g 二、创建项目 vue-cli会创建一个完整的项目文件夹,内部包含src等,我们仅需要cd进打算放置这个项目文件的文件夹内执行如下代码即可; 1.生成项目文件; 终端输入: vue create projectname 2.选择生成配置方式 此处选择最下面一项进行手动配置 (你
vue-cli4 项目搭建及初始化
renshaoqi的博客
12-17 1353
文章目录一 版本号二 安装2.1 安装 vue-cli2.2 安装 nodejs三 开始创建项目3.1 使用可视化ui界面创建项目 一 版本号 vue-cli 4.5.9 nodejs v14.9.0 二 安装 2.1 安装 vue-cli npm install @vue/cli -g 这里建议使用国内淘宝镜像下载，npm 是使用外国的资源，下载会很慢很慢… 安装淘宝镜像 npm install -g cnpm -registry=https://registry.npm.taobao.org
uniapp + uniapp2wxpack构建微信小程序插件
u010246360的博客
07-28 2822
使用uniapp + uniapp2wxpack构建微信小程序插件
如何搭建一个vue项目(完整步骤)
最新发布
y2020520的博客
05-16 4279
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
Vue-cli4.5脚手架搭建项目（零基础小白都能看懂）
08-22 1278
1.安装vue-cli npm install -g @vue/cli # or yarn global add @vue/cli 安装成功后可以查看版本号：vue -V 如果出现版本号@vue/cli 4.5.13 那么表示安装成功 （4.5.13是我当时的最新版） 2.创建项目 vue create project (vue create+你的项目名称，project为我此次创建项目的项目名) 然后按下回车键，会显示以下界面，因为我之前有保存过名称为EIT的...
VueCLI v4.5.4 创建vue项目（手选模式创建）
热门推荐
{竹子}
09-06 2万+
创建项目 vue create v1 v1 项目名称 大意：请选择一个预设（有3个预设置） Default ([Vue 2] babel, eslint) Default (Vue 3 Preview) ([Vue 3] babel, eslint) Manually select features # 手动选择功能 选择 Manually select features创建 Vue CLI v4.5.4 ? Please pick a preset: Manually select fea
vue-cli3创建项目
babulongbo的博客
01-06 476
vue-cli3 创建一个配置文件 vue-cli3创建项目 使用命令 vue ui 选择配置 #创建项目名称 #选择npm包管理器 #选择【若目标文件夹已存在则将其覆盖】 #选择【手动】 #选择 -Babel -Router -Vuex -Css Pre-processors -Linter / Formater -Unit Testing -使用配置文件 #选择【Sas...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
基于Vue-cli快速搭建项目的完整步骤
12-09
vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 下面话不多说了，来一起看看详细的介绍吧 一、准备工作 在使用...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli开发的商城源代码
01-18
在创建项目时，vue-cli会生成一个基本的目录结构，包括src目录（存放源代码）、public目录（存放静态资源）、node_modules（依赖库）、package.json（项目配置文件）等。 在"mall-vue-master"这个项目中，我们可能...
安装vue脚手架@vue/cli 4.5.13(稳定版)
哈哈哈，呜呜呜
10-09 1万+
安装vue脚手架vue/cli@3.12.1(稳定版) 最近从0搭建一个 vue 简单的 h5 页面，还记得以前自己是用 vue-cli 2.0的版本 里面有默认配置好的webpack配置，但现在很多小伙伴都已经用最新的 @vue/cli 4+ 版本了，毕竟 @vue/cli 3 以上 的版本，比 2.0 的配置文件简洁了很多，当然你还得跟上时代的脚步，不然你就被淘汰了。但自己搭建过的小伙伴都应该知道， ...
vue-cli4.5创建vue项目
05-16 578
. 准备工作 1.1 安装node.js 安装过程很简单，在官网下载安装包，点击安装，一直下一步直到安装完成即可，新版本的node.js会自动添加环境变量，不需要再手动添加环境变量，如有疑问，可自行前往环境变量查看。 node.js官网：https://nodejs.org/zh-cn/ 出现下图所示表示node安装完成。 1.2 检查安装的node.js是否成功及其版本号 进入cmd（Windows+R进入运行界面，输入cmd回车即可）窗口，在cmd窗口中输入命令： node -v
vue-cli3脚手架V4.5的使用
苦夏木禾
04-11 3133
最近在研究vue3.0,相关的脚手架(vue-cli)更新到了V4.5以上,记录一下相关的使用 安装 如果之前安装过vue-cli 2.x的版本,也就是之前vue2.x对应的版本,需要先进行卸载,命令: npm uni -g vue-cli 没有则跳过,接下来安装vue3.0的cli,命令: npm i -g @vue/cli 查看vue-cli版本 vue -V 创建项目 输入指令 vue create 项目名 会出现这三种情况 1. 安装vue2预设Default ([Vue 2] babel
vue-cli3.0搭建项目
sang1321426029的博客
09-08 116
搭建项目 vue-cli3.0 以后项目创建的命令变成了下面这样 vue create //文件名 不支持驼峰（含大写字母） default 是使用默认配置，Manually select features 是自定义配置。 自定义选择的配置：Choose Vue version Babel，Router，Vuex，CSS pre-processors，Linter 选择版本 3.x 选择是否使用路由 history router，其实直白来说就是是否路径带 # 号，建议选择 N，否则服务器还要进行配置
@vue/cli4.5.8搭建项目的坑
shabbyaxe的博客
11-07 1419
map()
vue-cli 版本 4.5.4 脚手架搭建项目
lss0555的博客
08-19 2383
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
vue-cli5.08创建项目
09-14
要使用vue-cli创建一个项目，需要先安装vue-cli工具。你可以通过以下步骤来创建一个vue-cli5.08项目： 1. 首先，确保你已经安装了Node.js和npm。这两个工具是vue-cli的依赖项。 2. 打开终端或命令提示符，并运行...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值