Vue-cli 3.0教程（2）——创建项目

最新推荐文章于 2024-05-05 21:29:47 发布
最新推荐文章于 2024-05-05 21:29:47 发布
阅读量333 收藏
点赞数
分类专栏： Vue-cli 文章标签： vue-cli 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/live_up/article/details/90740900
版权

1.创建项目

2. 配置

  • default 为默认选项
  • Manually select features 为手动选择功能

这里我选择 Manually select features 手动选择功能

3.项目配置

  • Babel：这个工具将我们的es6的代码转译成浏览器能识别的代码
  • Typescript
  • Progressive Web App(PWA) Support：简单的说，就是提升APP性能的一种途径，兼具webAPP和 native App 特性，采用渐进式增强的方式
  • Router
  • Vuex
  • CSS Pre-processors：css预处理器
  • Linter/formatter:代码语法规则和代码风格的检查工具
  • unit Testing
  • E2E Testing

本人新手，仅安装以下

这里询问你路由是否选择history模式 （本小白表示不知道区别）

这里我选择yes

接下来的几项本小白表示不懂都选择默认

不保存当前配置

配置完成

小啊小菜鸟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue基础之指令与过滤器
fanlingfang的博客
11-06 618
ES6模块化 ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不需再额外学习AMD、CMD或CommonJS等模块化规范。 ES6模块化规范中定义: 每个js文件都是一个独立的模块 导入其它模块成员使用import 关键字 向外共享模块成员使用export关键字 p230 Promise async/await EventLoop 宏任务和微任务 API接口案例 前端工程化 实际的前端开发: 模块化(js的模块化、css的模块化、资源的模
vue3.0入门
backpB的博客
04-23 749
vue生命周期：create mounte（挂载） update destory随着衍生8个钩子函数：beforecreate createdbeforemounted mountedbeforeupdate updatedbeforedestory destoried我们在左面创建一个文件夹vue，打开vscode选中该文件夹，在里面创建一个html文件：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ULqA4i4q-1682215194179)(C:\Use
Vue 组件库（vue-cli 手动选择要安装的功能，ESLint 基本语法，Element UI 的安装和配置，Element UI 常见组件的使用）
qq_45585640的博客
02-10 1146
Vue 组件库（vue-cli 手动选择要安装的功能，ESLint 基本语法，Element UI 的安装和配置，Element UI 常见组件的使用）
vue 3.0 快速入门教程
最新发布
zai329979994639的博客
05-05 1642
2020年9月18日，Vue.js发布版3.0One Piece（n4800+次提交40+个RFC600+次PR300+贡献者3.3.4setup是Vue3中一个新的配置项，值是一个函数，它是“表演的舞台，组件中所用到的：数据、方法、计算属性、监视…等等，均配置在setup中。setup函数返回的对象中的内容，可直接在模板中使用。setup中访问this是undefined。setup函数会在之前调用，它是“领先”所有钩子执行的。姓名：{{name}}
Vue3.0教程
weixin_44172770的博客
11-20 1058
文档是最好的学习资料，但它对新人来讲，仍然是不够友好的。所以，我在这里尝试输出一篇Vue3.0的完全教程，希望能帮助到有需要的人。2022年，Vue3.0一定会受到更多人关注，你准备好了吗？
Vue 脚手架创建项目
weixin_47672177的博客
10-05 1360
脚手架创建项目操作流程
vue-cli3.0 脚手架搭建项目的过程详解
10-17
Vue CLI 3.0 是 Vue.js 官方提供的一个强大脚手架工具，它简化了 Vue.js 项目的初始化和构建过程。本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm...
使用Vue-cli 3.0搭建Vue项目的方法
08-27
使用Vue-cli 3.0搭建Vue项目的方法 本文主要介绍了使用Vue-cli 3.0搭建Vue项目的方法，涵盖了环境准备、搭建脚本文件、配置文件等多个方面的知识点。 一、环境准备 在开始搭建Vue项目之前，需要进行环境准备，...
vue-cli3.0配置及使用注意事项详解
01-21
这次给大家带来vue-cli3.0配置详解，使用vue-cli3.0配置的注意事项有哪些，下面就是实战案例，一起来看一下。 新建项目 # 安装 npm install -g @vue/cli # 新建项目 vue create my-project # 项目启动 npm run ...
10分钟上手vue-cli 3.0 入门介绍
08-27
包括 TypeScript、PWA、Vue-router、Vuex、CSS 预处理、eslint、自动化测试等。 我们可以根据需要选择相应的插件和功能。在这里，我们选择了 LESS 作为 CSS 预处理工具，eslint + prettier 作为代码风格检查工具，...
什么是端到端训练测试_为什么端到端测试对您的团队很重要
cumi6497的博客
07-19 1332
什么是端到端训练测试by Phong Huynh 由Phong Huynh 为什么端到端测试对您的团队很重要 (Why End-to-End Testing is Important for Your Team) 我们的团队如何通过4个简单的步骤实施端到端测试 (How our team implemented end to end testing in 4 easy steps) At H...
vue脚手架3详细配置，爆肝两天，你可以不用，但是不能不会
陈新科的博客
09-17 1360
vue脚手架3.X+ 由于之前我们安装了2.x版本的脚手架，现在我们需要安装3.x版本的脚手架。 因为Vue-cli 3.x和 vue-cli 2.x使用了相同的 vue 命令，所以 vue-cli 2.x 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，那么可以全局安装一个桥接工具。 桥接工具安装 npm如果有问题的话可以使用cnpm进行安装,二者选其一即可 如果没有安装旧版本的 vue-cli 2.x 可以跳过桥接直接安装vue-cli 3.x 及以上 安装vu
Vue3 菜鸟入门（一）超详细：介绍、安装、打包、创建项目、目录结构、起步等
小for学习栏
09-19 2075
本文主要内容含Vue3介绍、安装、打包、创建项目、目录结构、起步等内容，Vue 、Vue 3、Java、Spring Boot、Idea、数据库、一对一、培训、教学。
解决vue3新建项目无法选中Manually select features配置项
weixin_40030173的博客
09-02 731
如果你在 Windows 上通过 minTTY 使用 Git Bash，交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令。
Vue-cli(vue脚手架)上万字总结，超详细教程
热门推荐
weixin_45647685的博客
04-02 3万+
1、创建Vue脚手架 1.1、首先系统需要全局安装Vue脚手架 npm install -g @vue/cli 1.2、创建Vue脚手架工程 进入你想创建vue脚手架的目录，然后输入命令 vue create xxx项目名 需要注意的是工程名字不能大写，这里我们选择选择Vue2，敲下回车，那么vue将会为我们创建vue脚手架 显示如图所示说明创建成功 如图命令所示 我们进入myvue工程，执行命令 npm run serve 然后浏览器访问http://localhost:8080/ 到这
vue-cli 3.0使用指南
往后余生的博客
07-06 5705
安装环境 npm install -g @vue/cli 创建项目 1、vue create demo 2、选择手动选择功能    Manually select features 3、配置项目  我个人除了 test外的话，都安装了，注意的是，是否选中是空格键（space） 除了PWA的话，应该其他都比较熟悉，至于什么是PWA，简单的说，就是提升APP性能的一种途径，兼具w...
vue3.0项目搭建详细过程以及路由配置
谨言不言☞博客
10-08 7703
vue3.0项目搭建以及路由router配置vue3.0项目搭建以及路由router配置一、安装二、路由1. 路由版本2. 路由说明3. 路由配置5. 路由调用6. 路由使用7. 效果图三、组件四、Vuex vue3.0项目搭建以及路由router配置 一、安装 安装 vue-cli： yarn add @vue/cli -g 检查是否安装成功： E: \minepro\ myweek > vue - V @vue / cli 4.5 .6 创建项目： vue create vue5
vue-cli 超详细教程
ICanWin_lll的博客
01-27 1501
一.什么是Vue-cli? CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架. Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置 二.Vue-cli 的使用前提 node环境 webpack 三.vue-cli的使用 1.安装 npm install @vue/cli -g 注意：上面安装的是Vue CLI3的版本，如果需要想按照Vue CLI2的方式初始化项目
Vue脚手架创建项目的方式
qq_37543356的博客
10-30 556
脚手架版本 ：@vue/cli 4.5.8 1. 命令行 vue create 项目名 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0DAEXPDf-1604050808749)(https://gitee.com/nfLJ/Pic/raw/master/blog/20201030170547.png)] 官方给出了3个创建选择，分别是Vue2默认、Vue3默认和自定义 我们选择自定义，即 Manually select features [外链图片转存失败,源站可能.
卸载vuecli3_vue-cli3.0升级失败，vue-cli卸载不掉，万能解决办法
06-06
2. 输入以下命令来检查您已经安装的vue-cli版本： ``` vue --version ``` 3. 如果您已经安装了vue-cli 3.x版本，您可以使用以下命令来卸载它： ``` npm uninstall -g @vue/cli ``` 4. 如果您无法卸载vue-cli，则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值