【Vue】按照文件操作,怎麽还是报错|macOS 安装 CLI 指令

创建 CLI(command-line interface) 环境前,要先下载 node.js
① ⌘ + space 搜寻终端机 terminal.app

② 直接从连结下载 node.js(v14.15.3),或是从终端机检查是否曾经安装过。

$ node -v (node version)

③ 通常文件会给指令 ↠ npm install -g @vue/cli (-g 安装全域的环境),但是 Mac 下载全域的文件要较高的权限,执行 sudo 指令後会出现钥匙的符号,这时候输入密码并不会出现文字,不要觉得困惑,只要正确的输入登入时的密码可以了。

$ sudo npm install -g @vue/cli

以上Vue CLI 的环境就算是建好罗,接着就来建立第一个 Vue 专案吧!
① 先确定专案要放置的位置,练习用终端机调整新增档案的位置,括弧後面的说明比较方便记忆,不用输入哦!

显示当前位置 / 改变目录位置 / 新增资料夹

$ pwd (print working directory)
$ cd (change directory)
$ mkdir [资料夹名称] (Make Directory)

② 新增 Vue 专案

$ vue create [专案名称]

③ 接着会显示环境要预设下载的套件(这部分略~),重点是复选的项目按空白键可以选择/取消,一开始不小心一直按 Enter 键就跳过了。

④ 以上新增完专案,这时候只要把位置移到专案里并启动环境,就成功罗!

$ cd [专案名称]
$ npm run serve

参考来源:
https://book.vue.tw/CH3/3-1-vue-cli-introduction.html
https://ithelp.ithome.com.tw/articles/10224406


<<:  自己来一场30天不间断的文章之旅吧

>>:  成衣裁剪计划

Day 7:Prometheus

讲到监控,Prometheus 应该算是最常被提及的其中一个工具,它是一套开源的监控与警报系统,最早...

档案总管右半边Delphi TListView

档案总管右半边Delphi TListView 延续上一篇 想要写一个”档案总管”的想法,今天先来完...

【第二十八天 - 系统设计 介绍】

Q1. 系统设计 是什麽 在业界基本上都是团队开发专案,每个人负责实作部分功能,而 Leetcode...

[Tableau Public] day 10:试试长条图&地图,抓不到地图资讯怎麽办?

第10天,打完疫苗已经48小时,目前只有接种处抬手不会酸痛,昨天短暂晕完几分钟,就没感受到其他副作用...

[Day 30] 阿嬷成为网页前端工程师的下一步

阿嬷成为网页前端工程师的下一步 尽管篇幅长短不一,我们在这 30 天当中讨论了怎麽写 HTML 标签...