快速创建vue-cli3 项目

最新推荐文章于 2024-05-16 05:48:46 发布
最新推荐文章于 2024-05-16 05:48:46 发布
阅读量242 收藏
点赞数
分类专栏： 创建vue-cli项目 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/no_vy/article/details/106761527
版权
本文详细介绍了如何使用Vue CLI3全局创建项目，包括查看版本、在新文件夹下创建项目，并且深入讲解了手动配置Vue CLI3的各项选项，如选择TypeScript、PWA、Vue Router、Vuex、CSS预处理器、代码风格检查和格式化等。此外，还提到了单元测试的选择和配置文件的位置，以及记录配置和启动命令的修改。
摘要由CSDN通过智能技术生成

全局创建项目

npm install -g @vue/cli

查看版本/是否安装成功

vue -V

在新文件夹下创建项目

vue create project-admin
  • 指向的vuecli3是因为上一次记录过的cli3配置，第一次执行create是没有的
    按键盘上下键可以选择默认（default）还是手动（Manually），如果选择default，一路回车执行下去就行了
    继续手动一下

在这里插入图片描述

  1. 我这里选择的是手动

在这里插入图片描述

  1. 选择配置ÿ
最低0.47元/天 解锁文章
no_vy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli 创建vue3项目
Gblfy_Blog
01-23 3188
文章目录一、环境准备二、核心组件2.1. axios封装2.2. vuex2.3. vue-router 一、环境准备 前提： # 安装node环境 node -v npm -v # 安装镜像源工具 npm install nrm -g nrm ls # 使用淘宝镜像源 nrm use taobao nrm ls # 卸载旧脚手架工具 npm uninstall vue-cli -g or yarn global remove vue-cli # 安装新版的脚手架工具 指定版本@vue/cli@
Vue3（一）：创建vue3工程、setup、vue3响应式原理、computed和watch
weixin_42044763的博客
05-25 2292
这个setup函数其实有两种返回值：1、返回一个对象 2、返回一个渲染函数，用的最多的就是返回一个对象，把用到的所有属性、方法都返回出去，方便在模板中使用（当然，现在有了setup语法糖，后面再说）如果这种情况的话和上面类似，不同的是第一个参数写成数组，且每个元素是箭头函数，返回的new和old值也是相对应的值构成的数组。其实和上面的情况四是一样的，如果简单数据类型直接.value，那么监视的就是一个写死的值。，而setup则是组合式API表演的舞台，组件中所有的数据和方法都写在setup函数中。
五分钟教你使用vue-cli3创建项目（三种创建方式，小白入门必看）(1)
最新发布
2401_84093973的博客
05-16 732
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
使用vuecli 快速创建vue3项目
一个前端开发者
04-25 5284
文章目录一、安装最新vue-cli二、创建项目三、运行项目四、总结 提示：以下是本篇文章正文内容，仅供参考 一、安装最新vue-cli 官方网址：https://cli.vuejs.org/ 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本要求 Vue
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue）
逆境清醒的博客
03-19 6万+
vue3 项目搭建教程（基于create-vue，vite，Vite + Vue） 一、搭建vue3 项目前提条件 二、通过create-vue搭建vue3 项目 三、搭建一个 Vite 项目 四、构建一个 Vite + Vue 项目 五、Vite + Vue 项目目录结构 六、Vite.config.ts配置
Vue3 项目创建
qq_48294048的博客
10-10 2万+
vue 3需要node10以上版本node官网下载地址以往的版本 | Node.js。
vue-cli3快速创建项目
初学者
06-16 4万+
vue-cli3快速创建项目 最近准备用vue-cli3写项目啦，之前也都是看看文档，直接引入官方的js，写写简单的demo，没有写过项目，从今天开始写学习VUE. 1.安装 文档：https://cli.vuejs.org/zh/guide/ 条件： npm 更至最新 node >=8.9 vue cli 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的...
Vue-cli3 项目创建
Eirunye的博客
09-28 8188
简介 之前写过一篇文章Vue-cli项目创建,主要是针对Vue-cli3.0版本之前的，由于现在Vue-cli版本更新到了3.0，而且创建项目的一些情况也发生了变化，所以本篇将在基于Vue-cli3.0以上版本创建项目，大家可以参考一下Vue-cli2.0版本（这里的Vue-cli3.0版本之前统称为2.0版本）和Vue-cli3.0版本的不同之处，不要混淆了。 大家也可以进入Vue-cli3官网...
使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js
热门推荐
Alice_124的博客
07-17 7万+
1.使用 npm install -g @vue/cli # or yarn global add @vue/cli 查看版本（是否安装成功）：vue -V(大写的V)   11576163-5ebc6d418467d0c4.png 2.命令变化 Commands: create [options] <app-name> create a ...
vue-cli3启动报错 ，npm run dev等启动项目报错解决
qq_42602111的博客
08-13 4042
vue-cli3运行npm run serve修改为npm run dev。 在使用vue-cli3搭建项目的时候会发现，vue-cli3运行项目的命令是npm run serve,和我们以前使用的npm run dev不一样，那如何修改为npm run dev呢?可以直接在package.json文件里面把serve修改dev即可。 方法/步骤 1 使用vue-cli3搭建项目，然后使用 npm...
VueCLI3创建项目
qq_47230378的博客
06-25 130
1、项目名称 2、选择模板 3、键盘上下移动到要使用的选项上，点击空格即可选中。 Linter/Formatter是选择eslint语法规范，此处不使用的话可以取消。 4、选择VueCLI版本 5、选择配置文件存放位置 6、选择是否要保存模板 7、将上述配置过程的信息进行保存，供下次使用 8、配置完成，等下载依赖 VueCLI3目录结构介绍...
vue-cli3 创建项目
九九八拾一的博客
02-09 267
新版本 vue-cli3 文档 1、安装vue-cli 关于vue-cli3版本的版本问题 vue-cli3 的包名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本要求 Vue CL...
使用vue-cli创建构建vue3项目（npm方式）
树上骑个猴的博客
12-28 2479
1.运行命令 vue create myproject(项目名) 2.鼠标选择 “Default (Vue 3 Preview) ([Vue 3] babel, eslint)” （如图vue3项目默认安装包括babel,eslint，如果想要自定义插件配置，则选择 “Manually select features”） 提示： Vue 3.x 的项目，需要使用 Vue cli v4.5 以上的版本 版本不够的请使用命令升级： npm install -g @vue/cli 安装完成后可以在命令行输入
创建vue cli3项目
sam的博客
03-25 476
前提需要node.js环境，安装教程 cmd 操作日志（我已经安装vue cli3所以提示不一样） 管理员身份运行cmd 1.进入D盘 d: 2.安装vue cli3 npm install -g @vue/cli 执行后出现以下，说明vue-cli3全局安装成功 3.创建vue项目 vue create vuecli3_test 回车（选择默认） 4.启动vue项目 cd ...
Vue学习之路3-浅析Vue-cli搭建项目后的目录结构
小子pk了的博客
07-17 9757
1.前言       Vue并不限制你的代码结构。但是，它规定了一些需要遵守的规则：       1、应用层级的状态应该集中到单个store对象中。       2、提交mutation是更改状态的唯一方法，并且这个过程是同步的。       3、异步逻辑都应该封装到action里面。 2.项目文件目录显示如下         3.项目文件解析 3.1 build文件 build：文件...
创建vue3项目
qq_45438471的博客
03-04 2420
本文主要介绍在已经安装配置好nodejs的情况下，利用vuecli创建vue项目
Vue3实战：Vue-cli 快速创建vue3项目
dingdingdandan
06-08 1289
- `Vue CLI` 是一个基于 Vue.js 进行快速开发的完整系统。 - `CLI (@vue/cli)` 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。我们会在接下来的指南中逐章节深入介绍。...
利用vue-cli创建vue3工程
资浅程序媛，个人公众/头条/百家号：郑州小闲人，关注权限已向你开放
01-03 740
需注意：想创建vue3工程，对vue-cli版本有要求，必须确保vue-cli在4.5.0以上。
vue-cli3项目搭建与优化全攻略
- 是否保存当前设置为预设模板，便于后续快速创建项目 项目初始化完成后，你会看到如下基本项目结构： - src 目录：包含应用的主要源代码 - public 目录：静态资源，如 favicon 图标 - package.json：项目依赖及...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值