使用vue-cli建立專案
阿新 • • 發佈:2020-08-07
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 以後建立專案可以直接選擇配置好的
給自己剛剛配置的起個名字。
最後回車就可以安裝了