他是Vue.js官方提供的开发工具,可以快速的建置架构,常用於制作单页应用(SPA)网站。
node -v
,有出现版本数字就代表安装成功npm install -g @vue/cli
,完成後输入vue -V
就会出现@vue/cli 4.5.13
,安装就完成啦!!vue create [专案名称]
Manually select features
Vue CLI v4.5.13
? Please pick a preset: (Use arrow keys)
> no1 ([Vue 3] dart-sass, babel, typescript)
Default ([Vue 2] babel, eslint)
Default (Vue 3) ([Vue 3] babel, eslint)
Manually select features
Choose Vue version
,其他的就依照使用习惯勾选Vue CLI v4.5.13
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>(*) Choose Vue version
(*) Babel
( ) TypeScript
( ) Progressive Web App (PWA) Support
( ) Router
( ) Vuex
( ) CSS Pre-processors
(*) Linter / Formatter
( ) Unit Testing
( ) E2E Testing
package.json
,也可以自行选择要存放的位置dedicated config files
? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files
In package.json
Successfully created project
cd [专案名称]
指令与npm run serve
启动专案App running at:
- Local: http://localhost:8080/
http://localhost:8080/
看到下面的画面代表专案建置成功!!!!
今天介绍 JS 内 var 与 let 的後两点差异。 执行环境 Execution Context...
铁人30天心得 前言 k8s真的好硬rrrrr,写了30天,感觉才不到k8s 1%的内容,加上k8s...
AWS Lambda 搭配 Amazon API Gateway AWS Lambda 是一种无服务...
所谓"工欲善其事,必先利其器",我们需要一个强大的工具来辅助我们进行资料分析,今...
-安德森报告和TCSEC 1972年,James P. Anderson&Co.在着名的Ander...