使用vue創(chuàng)建項目

一、vue/cli 安裝

1.使用npm install -g @vue/cli 全局安裝vue
2.使用vue -V查看當前版本號

二、vue create創(chuàng)建項目

1.1 輸入命令vue create 項目名字

1.jpg

第一個為默認選擇，第二個為自定義選擇（建議選擇這個）
1.2 使用cmd選擇的操作方法：
1.2.1 按<上下鍵>移動，按<space>進行是否選定【空格鍵選擇】，按<a>切換所有，按<i>反轉(zhuǎn)選擇

  1. 根據(jù)自己需求進行選擇
    2.jpg

    注：Babel : 將ES6編譯成ES5
    ???????TypeScript: javascript類型的超集
    ???????Progressive Web App (PWA) Support: 支持漸進式的網(wǎng)頁應用程序
    ???????Router: vue-router
    ???????Vuex: 狀態(tài)管理
    ???????CSS Pre-processors: CSS預處理
    ??????? Linter / Formatter: 開發(fā)規(guī)范
    ???????Unit Testing: 單元測試
    ???????E2E Testing: 端到端測試
    3.路由器是否使用歷史模式
    3.jpg

    我這里選擇 n
    4.配置CSS
    4.jpg

    node-sass 表示自動實時編譯
    dart-sass 表示保存后生效
    5.配置ESLint，沒有選擇的可以略過此步
    5.jpg

    編碼規(guī)范：
    1.只進行報錯提醒；
    2.不嚴謹模式；
    3.正常模式；
    4.嚴格模式；
    6.配置文件的存放位置
    6.jpg
7.jpg

第一個放獨立文件夾，第二個放package.json
7.填寫項目描述


1594951063(1).jpg

不用寫。
8.CD到創(chuàng)建的項目文件夾里運行npm run serve

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容