vue-cli4.0腳手架安裝及問題


安裝vue-cli

npm install -g @vue/cli # OR yarn global add @vue/cli

安裝完成查看版本

查看版本 vue -V

如果報錯:vue : 無法加載文件 C:\Users\xxx\AppData\Roaming\npm\vue ...

  1.管理員身份打開

    

  2.輸入set-ExecutionPolicy RemoteSigned

    

  4.選擇Y 或者A ,就好了

 

vue-cli4.0對比了一下3.0的腳手架,除了目錄發生變化一些,其他的都一樣

 

 安裝步驟和vue-cli3.0的一模一樣

1.創建項目

vue create project-name

   default 是 使用默認配置

   Manually select features 是 自定義配置

2.選擇配置(自定義配置)

 

 

 3.選擇css預編譯,這里我選擇SCSS

 

4. 語法檢測工具,這里我選擇ESLint + Prettier

 

 5.選擇語法檢查方式,這里我選擇保存就檢測【何時進行ESLint語法校驗:Lint on save】

 

 6.接下來會問你把babel,postcss,eslint這些配置文件放哪【In dedicated config files(單獨使用文件進行配置)】

 

 7.是否保存為模板 N不記錄,如果鍵入Y需要輸入保存模板名字

 

 8.項目創建好后

cd project-name // 進入項目根目錄 npm run serve // 運行項目

9.然后在瀏覽器輸入http://localhost:8080,就可以看到運行的界面了

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM