VueCLI3创建项目

最新推荐文章于 2024-04-18 22:08:57 发布
最新推荐文章于 2024-04-18 22:08:57 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： VUE 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46112274/article/details/123006759
版权

1、认识VueCLI3

在这里插入图片描述

2、VueCLI3创建项目

配置步骤参考
在这里插入图片描述
1、项目名称

# vue create 项目名称
vue create testvuecli3

在这里插入图片描述2、选择模板
在这里插入图片描述
3、键盘上下移动到要使用的选项上，点击空格即可选中。
Linter/Formatter是选择eslint语法规范，此处不使用的话可以取消。
在这里插入图片描述4、选择VueCLI版本
在这里插入图片描述
5、选择配置文件存放位置

在这里插入图片描述
6、选择是否要保存模板

在这里插入图片描述7、将上述配置过程的信息进行保存，供下次使用
在这里插入图片描述8、配置完成，等下载依赖
在这里插入图片描述

3、VueCLI3目录结构介绍

在这里插入图片描述

4、在VueCLI3中如何修改配置

在这里插入图片描述

小码哥呀
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用vuecli 快速创建vue3项目
一个前端开发者
04-25 5213
文章目录一、安装最新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
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
五分钟教你使用vue-cli3创建项目（三种创建方式，小白入门必看）
最新发布
m0_60635224的博客
04-18 1073
=就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。
Vue-cli3创建项目
XIADANXIN的博客
06-09 800
使用vue-cli创建vue项目
手把手vue-cli3.0搭建项目(一) 创建项目
yuanqi3131的博客
07-24 2173
新项目使用了vue-cli来搭建项目整体框架，3.0与2.0配置还是很不同的，网上的信息太零散，所以自己整合一下吧 1.版本要求 vue-cli3.0需要node8.9以上，版本不够的去重新升级一下，vue的版本需要3.x 可以在终端下输入vue --version(两个-)，可以使用如下命令安装新的包 npm install -g @vue/cli # OR yarn global add @v...
vue cli 3.0快速创建项目
xuqipeter的博客
05-25 4万+
本地安装vue-cli 前置条件 更新npm到最新版本 命令行运行: npm install -g npm npm就自动为我们更新到最新版本 淘宝npm镜像使用方法 npm config set registry https://registry.npm.taobao.org cnpm config set registry https:/...
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI是一个用于快速Vue.js开发的完整系统。这篇文章主要介绍了Vue Cli3 创建项目的方法步骤，非常具有实用价值，需要的朋友可以参考下
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
10-17
主要介绍了Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vuecli3创建项目（二）路由的引入
01-07
在router文件夹中创建index.js文件 `import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const Index = ()`=>import ('views/tab-item/index/Index.vue');//设置别名 const Notice ...
Vue学习之路3-浅析Vue-cli搭建项目后的目录结构
小子pk了的博客
07-17 9747
1.前言       Vue并不限制你的代码结构。但是，它规定了一些需要遵守的规则：       1、应用层级的状态应该集中到单个store对象中。       2、提交mutation是更改状态的唯一方法，并且这个过程是同步的。       3、异步逻辑都应该封装到action里面。 2.项目文件目录显示如下         3.项目文件解析 3.1 build文件 build：文件...
Vue-cli3 项目创建
Eirunye的博客
09-28 8185
简介 之前写过一篇文章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-cli3 安装创建项目以及目录结构
huangjianfeng21的博客
06-14 1万+
安装脚手架cli3.0 全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli 查看版本/是否安装成功 vue -V 如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具 npm install -g @vue/cli-init vue init webpack my-project 创建...
vue-cli3构建TS项目（基础篇）
非为000的博客
05-24 3万+
概述： Vue三个TS官方库 vue-class-component vue-property-decorator vuex-class 1.通过vue-cli3生产项目 vue create xxx vue-cli3脚手架生成项目目录说明 │ .browserslistrc │ .gitignore │ .postcssrc.js // postcss 配置 │ babel.co...
vue-cli3 创建项目
九九八拾一的博客
02-09 264
新版本 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-cli3.0创建一个项目
weixin_48187749的博客
06-09 259
使用vue-cli3.0创建一个项目
使用 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 CLI v3.3.0 快速创建并启动项目全过程
技术能量站
01-12 2924
vue cli 3 介绍 上次用vue的时候，vue cli的版本还是2，对应指令还是 vue init < 模板名称 > < 项目名称 > vue-cli提供的模板有： webpack             一个全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展。 webpack-simple      一个简单...
vuecli3---创建项目
weixin_43390711的博客
07-21 88
一、环境准备 1、安装node 2、配置npm仓库源（可能因为下载慢或者公司不能访问外网，需要配置成公司自己的仓库源） //淘宝仓库源 npm config set registry https://registry.npm.taobao.org/ //原本仓库源 npm config set registry http://www.npmjs.org 二、安装vuecli3（node版本要求>=8.9） 1、卸载旧版本（可以不要这一步） npm uninstall vue-cli -
vue-cli3创建项目的正常流程(确保有路由)
weixin_39818813的博客
09-28 529
1.安装脚手架 如果有安装过vue-cli 2.0 需要先卸载： npm uninstall vue-cli -g 然后安装脚手架3.0： npm install -g @vue/cli 测试是否安装成功： vue -V 2.创建项目 先执行： vue create test2 然后将光标放到vue3这一行这里（通过按键上下键），回车： 然后选择是否需要路由： 进入当前项目，npm install 后，运行npm run serve ...
vuecli3创建项目的过程
05-13
使用 Vue CLI 3 创建项目的基本步骤如下： 1. 首先，确保你已经安装了 Node.js。可以在终端中输入 `node -v` 和 `npm -v` 命令来检查 Node.js 和 npm 是否已正确安装。 2. 全局安装 Vue CLI 3。在终端中输入以下...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值