idea vue快速入门

最新推荐文章于 2024-05-16 13:41:46 发布

miracleo_

最新推荐文章于 2024-05-16 13:41:46 发布

阅读量610

点赞数 1

分类专栏：前端文章标签： idea vue

本文链接：https://blog.csdn.net/miracleoa/article/details/99733045

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

首先在idea下创建一个空的项目
添加一个demo模块
terminal：npm install nrm -g // 全局安装nrm
terminal：cd demo
terminal：npm init -y // 初始化模块
terminal：npm install vue --save // 模块内安装vue
创建hello.html

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
</head>
<body>

<div id="app">
    <h1> {{name}} is handsome</h1>
</div>
<script src="node_modules/vue/dist/vue.js"></script>

<script>
    const app = new Vue({
        el:"#app",//element  vue作用的标签 它只能作用于el下的标签
        data: {
            name: "飞哥",
        }
    });
</script>

</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

miracleo_

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
idea vue快速入门

首先在idea下创建一个空的项目添加一个demo模块terminal：npm install nrm -g // 全局安装nrmterminal：cd demoterminal：npm init -y // 初始化模块terminal：npm install vue --save // 模块内安装vue创建hello.html<!DOCTYPE html&g...
复制链接

扫一扫