Vue 框架搭建以及Webstorm快速啟動配置

2021-08-28 21:09:19 字數 1432 閱讀 8743

vue 提供了乙個官方的 cli,為單頁面應用 (spa) 快速搭建繁雜的腳手架。它為現代前端工作流提供了 batteries-included 的構建設定。只需要幾分鐘的時間就可以執行起來並帶有熱過載、儲存時 lint 校驗,以及生產環境可用的構建版本。更多詳情可查閱 vue cli 的文件

啟動乙個vue.js應用,在chrome瀏覽器下右鍵檢查,最後一欄有vue標籤,點開即可在瀏覽器中對vue元素進行檢視與除錯。

三、vue.js框架搭建基於命令列工具

1.首先全域性安裝vue-cli

2.建立乙個基於 webpack 模板的新專案

$ vue init webpack my-project
這裡需要進行一些配置,vue-router為路由配置,eslint為乙個**規範檢查工具,unit test為單元測試,e2e test也為乙個測試,根據專案實際情況進行選擇。

3.專案建立成功,根據提示啟動專案

根據提示輸入一下命令啟動專案

專案啟動成功後介面如下,根據提示輸入位址即可檢視

至此vue.js框架搭建成功,下一步可以用webstrom開啟該專案檢視目錄

四、webstorm快速啟動vue專案配置

好了,我終於寫完了,真的好多的,希望有些用處,bye~

vue框架搭建

npm install registry npm install g vue cli 注意 如果報錯,大概率是因為之前的vue cli版本未解除安裝導致,需要先解除安裝之前的版本,再重新安裝vue cli npm uninstall g vue clivue versionnpm uninstall...

vue框架環境搭建

1.安裝nodejs 2.搭建vue開發環境,安裝vue的腳手架工具 使用cnpm 映象工具 在cmd輸入以下命令即可 npm install g cnpm registry npm install global vue cli3.建立專案 以下就以vuelist為專案名稱 在vscode終端輸入以...

Vue環境搭建以及誤區

最近在學習vue,先配置環境,具體步驟可以參考 一 node.js安裝 1.brew link node 2.brew uninstall node 3.brew install node 4.映象npm install g cnpm registry 二 腳手架安裝 1.cnpm install ...