创建 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
讲到监控,Prometheus 应该算是最常被提及的其中一个工具,它是一套开源的监控与警报系统,最早...
档案总管右半边Delphi TListView 延续上一篇 想要写一个”档案总管”的想法,今天先来完...
Q1. 系统设计 是什麽 在业界基本上都是团队开发专案,每个人负责实作部分功能,而 Leetcode...
第10天,打完疫苗已经48小时,目前只有接种处抬手不会酸痛,昨天短暂晕完几分钟,就没感受到其他副作用...
阿嬷成为网页前端工程师的下一步 尽管篇幅长短不一,我们在这 30 天当中讨论了怎麽写 HTML 标签...