1. 程式人生 > 實用技巧 >使用vue-cli建立專案

使用vue-cli建立專案

1.使用管理員身份執行cmd

  1.1。windows 輸入框 輸入cmd 點選以管理員身份執行

      

2.vue create demo

  demo為專案名稱

  此處有兩個選擇

  • default (babel, eslint) 預設套餐,提供 babel 和 eslint 支援。
    Manually select features 自己去選擇需要的功能,提供更多的特性選擇。比如如果想要支援 TypeScript ,就應該選擇這一項。

    如果選擇預設default 就等待就可以了。

  接下來就到了配置選擇

TypeScript 支援使用 TypeScript 書寫原始碼。
Progressive Web App (PWA) Support PWA 支援。
Router 支援 vue-router 。
Vuex 支援 vuex 。
CSS Pre-processors 支援 CSS 前處理器。
Linter / Formatter 支援程式碼風格檢查和格式化。
Unit Testing 支援單元測試。
E2E Testing 支援 E2E 測試。

  

 Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)路由器使用歷史記錄模式?yes是不加#的路由,no是加#


Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):  這裡是剛剛選擇的css依賴,根據自己喜好選擇
  Sass/SCSS (with dart-sass)
  Sass/SCSS (with node-sass)
  Less
> Stylus


? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys) 把你安裝的配置放在那裡
In dedicated config files  把依賴和元件等分開
>In package.json  把依賴和元件等放在package.json中。

Save this as a preset for future projects? (y/N) 本次的腳手架配置是否儲存起來,以後使用。如果選擇yes 以後建立專案可以直接選擇配置好的

  給自己剛剛配置的起個名字。

最後回車就可以安裝了