webstorm vue開發(fā)配置方式
webstorm vue開發(fā)配置
1.安裝NODE.JS
nodejs.org,下載nodejs的安裝程序，一路安裝完成
2.安裝淘寶鏡像（類似于阿里云的maven中央倉庫鏡像）
廢話少說，國外用的是npm,但是國內這個尿性，用淘寶的鏡像吧：打開終端，下面的復制粘貼回車
npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝完成 。
終端回車以下命令驗證安裝
cnpm -v
3.安裝webpack
利用cnpm安裝webpack 命令行語句為cnpm install webpack -g 。時間略長。
測試安裝成功的界面如下：
4.接下來就是全局安裝vue-cli
時間略長
安裝語句為：cnpm install --global vue-cli
驗證命令：vue -V (V要大寫)
5.下面開始使用WebStorm
重要的一點，想用WebStorm創(chuàng)建項目得安裝git。
安裝很簡單，官網(wǎng)找到下載安裝即可，否則可能出現(xiàn)安裝不了的情況
紅色為新建的順序，綠色為node.js地址（裝好了會自動尋找），藍色為vue.js包的地址，黃色為打包所用的打包模塊
填寫項目名，注意項目名中不能包含大寫字母。
一直點下一步就可以了，項目結構
選中package.json 右鍵選擇 show npm scripts
選擇dev雙擊 即可進行測試。開啟成功后會出現(xiàn)默認的端口，贊帖到瀏覽器中打開，出現(xiàn)下面頁面就是成功啦。
這樣一個vue項目就創(chuàng)建成功了,如果右下角出現(xiàn) npm install的提示，不要點擊安裝。
采用cnpm的手動安裝方式進行安裝。npm太慢了。
命令行cd 到項目目錄,你會發(fā)現(xiàn)沒有node_modules文件夾，此時手動cd到此目錄，執(zhí)行cnpm install命令，完成后，就會出現(xiàn)此文件夾。
再進行運行，搞定
cd /d xxxxxx
執(zhí)行
cnpm install
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
props 主要用于父組件向子組件通信,再父組件中通過使用:msg='msg'綁定需要傳給子組件的屬性值,然后再在子組件中用props接收該屬性值,這篇文章主要介紹了vue3的組件通信&v-model使用,需要的朋友可以參考下2024-05-05
下面小編就為大家?guī)硪黄獀ue2.X組件學習心得(新手必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了vue清空form對象的方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
vue3.0父子傳參,子修改父數(shù)據(jù)的實現(xiàn)
這篇文章主要介紹了vue3.0父子傳參,子修改父數(shù)據(jù)的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
本文主要介紹了Vue實現(xiàn)模糊查詢搜索功能的步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-10-10
這篇文章主要介紹了封裝一個Vue文件上傳組件案例詳情，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-08-08
這篇文章主要介紹了Vue實現(xiàn)前端頁面緩存的過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
本文介紹基于Vue3的媒體預覽組件,支持圖片與視頻預覽,具備縮放、旋轉、拖拽功能,采用ElementUI Dialog容器,通過計算屬性實現(xiàn)動態(tài)樣式,優(yōu)化拖拽性能,自動調整方向,便于集成使用2025-08-08
mockjs+vue頁面直接展示數(shù)據(jù)的方法
這篇文章主要介紹了mockjs+vue頁面直接展示數(shù)據(jù)的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
vue項目如何引入element?ui、iview和echarts
這篇文章主要介紹了vue項目如何引入element?ui、iview和echarts，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09