Vue项目启动

已于 2022-03-05 20:22:23 修改
阅读量1.7k 收藏 7
点赞数 1
文章标签： 前端框架 vue.js
于 2022-03-05 19:45:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45065754/article/details/123299061
版权

1、创建Vue项目：vue create vue-test

在这里插入图片描述

2、选择人工创建（不需要那么多配置，省时间）

在这里插入图片描述

2.1选择（Babel、Router、Vuex）

在这里插入图片描述

3、启动项目（npm run serve）

在这里插入图片描述

4、项目组成

在这里插入图片描述

5、在views创建一个List.vue

在这里插入图片描述

6、在router导入路径/list

在这里插入图片描述

7、访问/list

在这里插入图片描述

8、设置（index.html）移动端界面，不允许放大缩小，不允许用户点击放大缩小

在这里插入图片描述

9、创建Header.vue

在这里插入图片描述

10、引入到HomeView.vue中在这里插入图片描述

11、页面显示（Alt+Shift+F即可对vue文件进行格式化）

在这里插入图片描述

12、导入Swiper

官网：https://www.npmjs.com/package/vue-awesome-swiper

12.1下载Swiper(npm install swiper vue-awesome-swiper --save)

在这里插入图片描述

12.2在main.js中全局导入Swiper

在这里插入图片描述

13、创建Swiper.vue

在这里插入图片描述

jasmine_qiqi
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
基于SpringBoot+Vue 的网上书城项目
07-09
网上书城项目，分为前台用户展示页面，后台管理页面 软件环境 SpringBoot Shiro Swagger-UI mybatis JWT Mysql Vue.js element-ui FastDFS Nginx 1. 启动Redis服务端，默认密码为空，端口6379(默认) 2. 启动MySQL服务端，默认密码为123，端口3306(默认) 3. 使用Idea打开项目，通过Maven下载pom文件中对应的依赖 4. 启动项目
在本地如何启动Vue项目
Wen__Fei的博客
12-25 3449
在本地如果启动Vue项目 1).在vue项目的目录下输入命令: npm install 2).运行成功后: 启动项目的方式: 方式一: 命令启动 : vue项目下输入 npm run dev 方式二: 按钮启动: a). b). c). ...
Vue项目 快速上手（如何新建Vue项目，启动Vue项目，Vue的生命周期，Vue的常用指令）
luming的博客
02-28 1691
Vue是一种用于构建用户界面的JavaScript框架。它是一种轻量级、高效的前端框架，被广泛用于开发单页面应用（SPA）和响应式的Web应用程序。Vue具有简洁的语法、灵活的组件化架构和强大的工具集，使开发者能够快速、高效地构建交互性强、数据驱动的Web应用。Vue也是一个逐渐流行的框架，拥有庞大的社区和丰富的生态系统，为开发者提供了丰富的资源和支持。Vue鼓励使用组件化的方式构建用户界面，将页面拆分成多个独立的、可复用的组件，使得代码更加模块化、可维护性更高。
vue电商项目前端原型
08-01
项目其他依赖都弄好了,下载下来后进入项目目录下，输入npm run dev回车后就启动项目了，页面访问http://localhost:8080
vue3+webpack项目代码
05-11
[零基础学习Vue3+webpack项目] 资源包里面包含vue3+webpack项目需要的相关依赖项代码和vue3+webpack项目所需要的编译、启动服务的相关代码，代码下载下来就能直接启动使用，另外还包含了vue3+webpack项目代码及其配置文件的详细讲解。
通过命令行创建vue项目的方法
12-08
最近想要学习vue，正好看到资料，如何通过命令创建vue项目的方法，就留个笔记 环境要求： 安装有 Node.js、 vue、vue-cli 。 创建项目： vue init webpack projectName 进入项目，下载依赖： npm install 或者 cnpm install 运行项目： npm run dev 效果如下： 创建项目 进入项目，下载依赖 启动项目 浏览器查看效果
Vue如何启动项目
热门推荐
m0_50013284的博客
07-11 3万+
Vue如何启动项目
Angular项目启动步骤
csdn122325735的专栏
06-10 6929
初学者启动angular 项目
vue如何启动项目！
TangMonk的博客
07-15 7223
通常，默认地址是`http://localhost:8080`，但您也可以在命令行中查看实际的地址和端口号。您可以在命令行中输入`node -v`来检查是否已经安装了Node.js，并查看其版本号。然后，Vue CLI会向您展示一些预设选项，您可以选择手动配置或选择预设模板。现在，您的Vue项目已成功启动，并可以在浏览器中进行访问和开发。这将启动一个开发服务器，并编译和热重载您的Vue项目。您将在命令行中看到服务器的地址和端口号。这将全局安装Vue CLI，它是一个用于创建和管理Vue项目的工具。
Vue项目的启动
Bananaaay的博客
07-15 4587
3.Nodejs是一个基于Chrome V8 引擎的 JavaScript 运行时环境，对于没饿浏览器都有自己的javaScript解析引擎，浏览器中的javascript引擎负责来解析和执行我们待执行的js代码，并且每个浏览器中都提供有内置的BOM、DOM这样的API函数，我们能够根据这些内置API函数编写出一些待执行的js代码，最后由我们的浏览器中的JavaScript引擎去执行。然后我们安装我们的nvm，根据安装程序，去选择对应的nvm的安装路径（自动配置环境变量），以及nodejs的路径等。
Vue项目创建与启动（2023超详细的图文教程）
Alphamilk的博客
11-01 6863
一、下载node.js ， 二、下载vue-cli与webpack插件 ， 三、项目初始化(项目配置详细信息) ，四、项目启动 ， 五、Vue项目工程结构（扩展知识）
vue项目启动出现cannot GET /服务错误的解决方法
10-15
主要介绍了vue项目启动出现cannot GET /服务错误的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VUE项目启动失败：Module build failed
01-08
VUE项目启动至98%时失败 错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误 首先第一步rimraf node_...
Vue修改项目启动端口号方法
10-16
今天小编就为大家分享一篇Vue修改项目启动端口号方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解VSCode配置启动Vue项目
10-17
主要介绍了VSCode配置启动Vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
数据结构与算法——20.B-树
m0_52096593的博客
04-14 1386
在介绍B树之前，我们回顾一下我们学的树。首先是二叉树，这个不用多说，然后为了查找的效率，我们提出了搜索二叉树（或者称为二叉搜索树），就是节点类加个key值，然后左边小右边大的那个。然后为了避免极端情况的出现，就是二叉搜索树节点集中在一侧的情况，我们提出了平衡二叉树，就是带自旋的，可以左旋或者右旋的，高度差小于1的那种，平衡二叉树里面有AVL树和红黑树两种实现方式，注意，平衡二叉树是在二叉搜索树的基础上提出的，所以平衡二叉树也叫平衡二叉搜索树。下面介绍一下B树。
在vue和 js 、ts 数据中使用 vue-i18n，切换语言环境时，标签文本实时变化
OnismYY的博客
04-12 845
我的项目需要显示两种语言(中文和英文)，并且我想要切换语言时，页面语言环境会随之改变，但是目前发现，只能在vue中使用$t('')的方式使用，但是这种方式只能在vue中使用，但是我的菜单文件是定义在js中，在vue中遍历显示的，所以我开始尝试用标签代替我原本的字符串
Vue.js 条件语句
woliuhuaqiangla的博客
04-14 661
这里， v-if 指令将根据seen 的值(true 或 false )来决定是否插入 p 元素。
Vue.js（自定义指令）
最新发布
Luo3255069063的博客
04-18 129
【代码】Vue.js（自定义指令）
vue项目启动
06-02
启动一个Vue项目需要以下步骤： 1. 确保你已经安装了Node.js和npm。 2. 在命令行中使用npm安装Vue CLI： ```bash npm install -g @vue/cli ``` 3. 创建一个新的Vue项目： ```bash vue create my-project ``` 4...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jasmine_qiqi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值