vue cli 创建项目

最新推荐文章于 2024-06-17 23:12:06 发布
最新推荐文章于 2024-06-17 23:12:06 发布
阅读量44 收藏
点赞数
分类专栏： vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65894854/article/details/130362649
版权

一、前提

确认已经安装vue cli、node、yarn

检查node版本：node -V

检查vue cli 版本：vue -V

检查yarn版本：yarn --version

node安装：Node.js

yarn的安装：npm install -g yarn

vue cli安装官网：Installation | Vue CLI
npm install -g @vue/cli
OR
yarn global add @vue/cli

 二、创建

创建项目：vue create 项目名

选择对应的预设（vue2 or vue3）

vue-test创建完成

 

三、运行项目

 进入vue-test：cd vue-test

运行：yarn serve

 四、打包

yarn build

Cathy_Fen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vuecli创建项目vuecli创建项目.png
02-26
vuecli创建项目 vuecli创建项目
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI 3 的创建项目方法如下： 1. **安装Vue CLI 3**： 首先确保你的环境中已经安装了Node.js，然后通过npm全局安装Vue CLI 3： ``` npm install -g @vue/cli ``` 2. **创建项目**： 使用Vue CLI 3创建一个...
使用vue-cli创建项目的图文教程(新手入门篇)
08-27
使用 Vue CLI 创建项目的图文教程（新手入门篇） 本文主要介绍了使用 Vue CLI 创建项目的图文教程，旨在帮助完全不了解 Vue 和 npm 的小白快速入门。下面是相关知识点的详细解释： 一、安装 Node.js 和 npm * ...
使用Vue CLI创建typescript项目的方法
10-16
主要介绍了使用Vue CLI创建typescript项目的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
【Vue3】使用v-model实现父子组件通信（常用在组件封装规范中）
qq_42582773的博客
06-15 309
父组件添加modelValue绑定数据且传递到子组件，然后绑定@update:modelValue事件接收子组件传过来的值子组件内部使用defineProps来接收父组件modelValue传过来的值，使用defineEmits自定义事件修改值然后触发父组件@update绑定的事件。
【Echarts系列】平滑折线面积图
kk爱闹
06-11 374
Vue版本以及脚本语言的选择各有不同，核心内容主要是option，重点关注该部分内容即可。为了节省后续开发学习成本，这个系列将记录我工作所用到的一些echarts图表。
Vue3-滑动到最右验证功能
地理信息的专栏
06-13 485
在登陆页面，需要滑块，且滑块向右移动到最右边，完成验证
vue初使用实例之笔记本
m0_72168336的博客
06-11 836
vue初使用实例之笔记本
vue面试题汇总之响应式理解
fyw1789的博客
06-12 421
vue在全局中写了一个用来运行函数的函数,有一个全局变量保存当前运行的是哪个函数,这样在getter的时候只要检查这个全局变量就知道是哪个函数在使用这个变量了,vue还建立了一个对映关系表当setter的时候把对映表中的函数重新运行一遍。vue2使用Object.defineProperty进行数据代理(getter和setter),vue3使用Proxy进行数据代理。会把函数放入异步队列,同一个渲染函数只会存在一个,这样就不会多次渲染造成效率问题。,当需要派发更新的时候不会立即运行函数,而是交给。
vue:对三种获取更新后的dom的方式进行分析
最新发布
qq_45820271的博客
06-17 565
由于vue的异步更新机制，我们在同步代码中是无法获取到更新后的dom的信息的针对这个问题，我们有三种解决方案获取更新后的dom:3.在微任务中获取因为更新是在同步任务结束后，执行微任务之前，所以上面三种方式可以得到更新后的dom。
Vue在表单校验中trigger属性指定何时触发校验规则
李长渊的博客
06-13 867
Vue在表单校验中trigger属性指定何时触发校验规则
vue v-img引用公众号图片时报错 此图片来自微信公众平台
打不死的小五
06-11 333
解决方法so easy，官方一行代码解决，附参考文档。
vue面试题
笃励的博客
06-14 430
函数的返回值是一个对象，这个对象上的属性会被合并到组件的渲染上下文中。你可以在这个对象上定义响应式状态、计算属性、方法等，并在模板中直接使用它们。函数的一个主要作用是提供了一种更灵活的方式来组织和复用组件逻辑。等函数，你可以将相关的逻辑放在一起，而不是像 Options API 那样将它们分散在。函数是一个新的组件选项，它是 Composition API 的入口点。函数的参数和返回值来访问和暴露组件的状态、属性和方法。，并将它们返回，以便在模板中使用。以下是一个简单的示例，展示了如何在。
vue element-ui 下拉框 以及 input 限制输入，小数点后保留两位 界面设计案例 和 例子：支持mp4和m3u8视频播放
呵呵哒!的博客
06-11 544
error:Your local changes to the following files would be overwritten by merge:_error: your local changes to the following files w-CSDN博客。情况二：当本地的已经乱了，但是远端的master已经合并了你最后一次的代码，此时你可以先把你本地修改的文件先拷贝一份出来，然后让远端的master的代码强行覆盖掉当前的目录内容。
vue 修改页面 刷新页面 增删改 provide / inject
global_coding的博客
06-13 1067
vue 修改页面 刷新页面 增删改 provide / inject
Python私教张大鹏 Vue3整合AntDesignVue之Menu 导航菜单
Python私教
06-11 535
何时使用 导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。 更多布局和导航的使用可以参考：通用布局。 开发者注意事项 Menu 元素为 ul，因而仅支持 li 以及 script-supporting 子元素。因而你的子节点元素应该都在 Menu.Item 内使用。 Menu 需要计算节点结构，因而其子元素仅支持 Menu.* 以及对此进行封装的 HOC 组件。 必须为 SubMenu 设置唯
Vue3【十八】Vue3的生命周期
Ggome的博客
06-11 1080
Vue3【十八】Vue3的生命周期生命周期vue组件实例在创建时要经历一系列的初始化步骤，在此过程中vue会在何时的时机，调用特定的函数，从而让开发者有机会在特定时段运行自己的代码，这些特定的函数统称为：生命周期钩子生命周期整体f分为四个阶段 创建 挂载 更新 销毁，每个阶段两个钩子，一前一后。
使用 Vue 和 Ant Design 实现抽屉效果的模块折叠功能
ping
06-13 328
有两个模块，点击上面模块的收起按钮时，上面的模块可以折叠，下面的模块随之扩展。接下来，在模板中使用。
vue cli创建项目
07-28
Vue CLI是一个基于Vue.js进行快速开发的脚手架工具。通过Vue CLI可以快速创建一个Vue项目。在创建项目之前，需要先安装Vue CLI脚手架。可以通过以下命令进行安装： - 默认安装脚手架3：`npm install -g @vue/cli` - 安装脚手架2：`npm install -g @vue/cli-init` 安装完成后，可以使用以下命令创建项目： - 脚手架2创建项目：`vue init webpack my-project` - 脚手架3创建项目：`vue create my-project` 其中，`my-project`是项目的名称，可以根据实际情况进行修改。创建项目后，可以在项目目录中找到`main.js`文件，该文件是项目的入口文件，用于初始化Vue实例和加载组件。可以在`main.js`中引入Vue和App组件，并创建Vue实例，然后将实例挂载到页面上。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *2* *3* [Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目](https://blog.csdn.net/guorui_java/article/details/120593645)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值