0
点赞
收藏
分享

微信扫一扫

IDEA 开发 vue项目 初学者配置和运行(mac版)

夕颜合欢落 2022-03-30 阅读 72

Tip1.安装插件

打开idea,首页选择configure -> plugins

搜索vue,安装vue.js,按照提示操作即可。

Tip2.搭建node.js环境

到官网 http://nodejs.cn/download/下载对应版本,无脑下一步即可完成安装。

 

 

打开终端,千万注意要以管理员身份运行!方法是:输入sudo - i

输入本机密码

然后输入 node -v 

如果正确显示版本号,说明Tip2 安装完成👌

Tip3.使用淘宝NPM镜像

(管理员身份)终端输入 npm install -g cnpm --registry=https://registry.npmmirror.com ,运行完成后,输入npm -v 即可查看对应版本号。

Tip4.安装vue脚手架构建工具

命令行输入 cnpm install -g vue-cli ,这一步完成后,即可进行vue项目的搭建啦🎉。

Tip5.创建新项目

如下图所示,在JavaScript下找到vue.js,创建一个vue项目:

项目结构如图:

点击右上角绿色三角号运行,在浏览器输入http://localhost:8080/ 显示如下页面说明成功运行啦!

 Tip6.安装项目依赖

在idea里找到Terminal,输入cnpm install 即可

The End

有问题麻烦指正,下次更新创建一个简单的vue项目。 

举报

相关推荐

0 条评论