专栏首页奕仁专栏MacOS中安装vue

MacOS中安装vue

这两天闲了学习了一下vue的知识,从环境开始搭起,遇到了一些坑,这里列出来

初学者都知,要搭建vue要安装node的环境,所以,我们先下载node mac os版 node下载地址

安装都是遵循傻瓜式安装方式,一直下一步就好,安装完成之后在终端执行 **npm -v ** 命令

由于node npm是在国外的镜像下使用,是比较慢的,淘宝为我们提供了一套指令,

mac下执行:npm install -g cnpm --registry=https://registry.npm.taobao.org

会发现报错了,原因是没有权限在该文件夹下写入文件,需要用root权限

解决办法:执行sudo npm install -g cnpm --registry=https://registry.npm.taobao.org ,输入root账户的密码,成功!

接下来执行命令cnpm install -g vue-cli 安装vue的客户端命令

安装完毕

初始化项目: 新建一个html,引入官方提供的vue.js vue.js

然后编辑html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<body>

<div id="app">
    <p @click="first">{{ message }}</p>
</div>
</body>

<script>
    var vue = new Vue({
        el: '#app',
        data:{
            message: 'hello world'
        },
        methods:{
            first(){
                console.log(this.message)
            }
        }
    })
</script>
</html>

打开浏览器,运行该html ,得到结果:

点击helloworld 打印日志

初始化成功!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • dubbo消费方超时处理

    在dubbo内部,默认设置的是500ms,所以,对于crud事物大的系统来讲肯定是要自定义超时时间咯,作为消费方,自然是优先级比较高. 所以,设置默认超时时间是...

    奕仁
  • 基于MQ的分布式事务来实现最终一致性(Myth)

    目前来讲,除了rocketmq自身具备事务消息的特性之外,其他消息队列本身均不支持事务,但是可以利用消息队列的特性来实现事务的一致性,当然,基于消息队列实现的事...

    奕仁
  • 数据库同步工具etl之kettle

    公司领导交给我了一个活,让我用etl工具将数据清洗,并同步到我们公司的数据中心,于是我便在网上找教程学习了etl。

    奕仁
  • 混合、边缘与AI

    随着时间推进,2018年中,企业对于云计算的态度也在发生着改变。IDG旗下部门IDG Connect发现,传统的那种云计算就是成本节约的观点逐渐消失,现在的云计...

    木禾wen
  • Vue[0x03] - Vue基础实践

    抓重点讲吧,最开始可追溯的版本号是0.6.0这个,但是正式对外发布的版本是在2014年1月24日发布的0.8.0。后面就是两个打头的里程碑,一个是1.x.x,一...

    丰臣正一
  • 央行为什么发行数字货币?

    央行,是每个国家高级别的银行,那央行要进行一些举动也是有很大的影响,那央行为什么要发行数学货币呢?

    互融云
  • Python 爬虫实战:股票数据定向爬虫

    功能简介 目标: 获取上交所和深交所所有股票的名称和交易信息。 输出: 保存到文件中。 技术路线: requests—bs4–re 语言:python3.5 ...

    小小科
  • Python 爬虫实战:股票数据定向爬虫

    数据科学社区
  • Valet 使用 link 命令自定义站点

    如果你正在使用mac电脑,并且经常需要在本地部署一些站点,又讨厌频繁的修改服务器配置文件。 强烈推荐使用Valet Valet是一套包含了Nginx和Dns...

    mafeifan
  • Android实现触发html页面的Button控件点击事件方式

    在android开发中,往往有时会加载html界面,同时需要与之html里面的控件进行交互。这里简单介绍一下如何在android中触发加载的html界面的But...

    砸漏

扫码关注云+社区

领取腾讯云代金券