Vue学习(二）创建vue项目

已于 2022-12-09 11:14:15 修改
阅读量153 收藏
点赞数
分类专栏： # Vue 文章标签： vue.js 学习 javascript
于 2022-12-09 11:02:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/easyboot/article/details/128249488
版权

1.在CMD中创建 

npm init vite@latest SyringeLabel --template vue

2.创建过程

3.安装依赖

4.创建好的目录结构

5. 运行npm run dev 可以看到页面正常显示了

6.用vscode打开项目

 

easyboot
关注
专栏目录
Vue脚手架搭建以及创建Vue项目流程
weixin_68658847的博客
04-25 3万+
Vue脚手架的创建以及用脚手架创建项目的全套流程
vue项目创建步骤
weixin_64315174的博客
11-29 4276
vue项目创建步骤
如何创建一个vue项目（详细步骤）
Monsters___的博客
08-27 12万+
如何创建一个 vue 项目 详细步骤 (vue-cli2 / vue-cli3) (webpack / vite)
如何搭建一个vue项目(完整步骤)
热门推荐
没有在适当的年纪做正确的事，非刻意而为之，知识后知后觉!
04-17 18万+
这里注意：安装vue-cli对node.js的版本是有要求的。出现版本号则说明安装成功（最新的以官网为准）查看安装的版本（显示版本号说明安装成功）如果你原来有版本或者版本比较低，可以升级。装的两种方式：输入cmd命令。
Vue3 项目创建
qq_48294048的博客
10-10 2万+
vue 3需要node10以上版本node官网下载地址以往的版本 | Node.js。
Vue实战：两种方式创建Vue项目
howard2005的专栏
01-14 3430
本实战教程以Vue CLI为工具，指导用户从安装Node.js LTS与Vue CLI开始，通过命令行和IntelliJ IDEA创建并配置Vue 3项目。教程演示了依赖管理（如axios、vue-router）、组件开发及路由配置，并展示了Vue项目的基本结构。通过新增页面组件和设置对应路由规则，实现不同页面间的跳转功能。该教程全面覆盖了Vue项目从搭建到功能开发的核心步骤，为开发者快速掌握Vue.js技术栈提供了详尽实践指导。
如何创建Vue项目
YMYYZ的博客
01-10 1万+
创建Vue项目
vue-cli创建vue项目详细步骤
Hannah_Hannah_的博客
04-15 2万+
一、安装node环境 二、下载vue和vue-cli脚手架 命令：npm i-g vue ; npm i -g @vue/cli 三、在想要创建的位置路径下打开cmd（直接点击路径输入cmd即可打开当前位置的终端） 四、创建vue项目，输入命令（ vue create 项目名称） 五、进入详细选择 (上下 方向键选择,空格键确定,enter进入下一步) 1、默认vue2版本和默认vue3版本都是有Eslint和Babel的，Eslint是代码规范的，Babel是将ES6转化为ES.
创建vue2项目
桎梏的博客
12-01 2万+
创建vue2项目
如何创建vue项目，创建的方式？
weixin_73184582的博客
04-19 4845
以上就是使用 Vite 工具创建 Vue 项目的方法，Vite 是一个基于 ES Module 的开发工具，可以帮助开发者快速搭建 Vue 项目，并提供了快速热重载、按需加载等功能，可以大大提升开发体验。以上就是使用 Webpack 创建 Vue 项目的方法，虽然需要手动配置比较复杂，但是可以根据需求进行高度的自定义和扩展，是比较灵活和强大的构建工具。首先需要安装 Node.js 和 npm 包管理器，Node.js 官网提供了对应的安装包和指南，可以根据自己的操作系统和版本选择下载和安装。
vue 项目源码
08-07
Vue.js 是一款非常流行的前端JavaScript框架，用于构建用户...通过对这个"vue 项目源码"的深入研究，开发者可以更好地掌握Vue的实战应用，学习到如何构建一个完整的前端应用，同时也能了解到项目组织结构和最佳实践。
Vue2创建项目并配置Cesium加载三维地图
03-05
1.基于Vue2 的Cesium三维地图框架; 2.已引入elementui组件 已完成对cesium的加载配置安装及测试; 3.可在该框架上开发、发布打包等; 4.该框架没有其它冗余依赖等，可以直接到项目使用，无版权控制。
vue创建项目
tang31415926的博客
04-09 3795
vue创建项目步骤
vue2使用vue-cli创建项目
qq_45042330的博客
06-13 1502
vue2使用cli创建项目
使用Vue CLI方式创建Vue3.0应用程序
pan_junbiao的博客
07-04 1061
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。新版本的 Vue CLI 的包名由原来的 vue-cli 改成了 @vue/cli。在开发大型项目时，需要考虑项目的组织结构、项目构建和部署等问题。如果手动完成这些配置工作，工作效率会非常低。为此，Vue.js 官方提供了一款脚手架生成工具 Vue CLI，通过该工具可以快速构建项目，并实现一下项目的初始配置。
深入解析Javascript中的this指向
最新发布
m0_62652709的博客
11-13 768
this是什么？它的值是如何决定的？为什么在 Vue2 开发中会给this单独定义一个变量？this是动态绑定的，指向取决于调用的上下文。在 Vue2 中，常见的this丢失场景包括回调函数和普通函数。解决方案：使用保存引用。使用箭头函数（推荐）。
Vue中的常用指令
m0_62388400的博客
11-12 1147
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
第四十二章 Vue中使用mutations修改Vuex仓库数据
Calvin的博客
11-11 914
在Vue中，明确vuex同样遵循单向数据流，即组件中不能直接修改仓库的数据，我们可以通过 strict: true 可以开启严格模式，防止在组件中非法修改仓库数据。(错误写法)在Vue中，组件想要修改Vuex的数据，可以通过Vue提供的mutations来实现。本章节我们将通过掌握mutations的操作流程，来修改state数据。(state数据的修改只能通过mutations )1.2. mutations修改数据基本步骤。
新手 Vue 项目运行
有你真好的博客
11-11 548
2.1 回到Idea后端的springboot项目，找到src--> rescources --> front.front --> index.html文件，打开之后找到 adminurl : 'adminurl'2.6 至此，前端Vue程序已经运行起来，结合前面的spingboot项目，我们已经将整个springboot + Vue项目运行起来。打开cmd命令行，按住win+R，出来命令行窗口，输入cmd，出来终端窗口。在运行项目之前，确保运行vue项目的环境已经安装成功，并可以找到；
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值