webstorm vue開發(fā)配置方式
webstorm vue開發(fā)配置
1.安裝NODE.JS
nodejs.org,下載nodejs的安裝程序，一路安裝完成
2.安裝淘寶鏡像（類似于阿里云的maven中央倉庫鏡像）
廢話少說，國外用的是npm,但是國內(nèi)這個尿性，用淘寶的鏡像吧：打開終端，下面的復(fù)制粘貼回車
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
重要的一點(diǎn)，想用WebStorm創(chuàng)建項目得安裝git。
安裝很簡單，官網(wǎng)找到下載安裝即可，否則可能出現(xiàn)安裝不了的情況
紅色為新建的順序，綠色為node.js地址（裝好了會自動尋找），藍(lán)色為vue.js包的地址，黃色為打包所用的打包模塊
填寫項目名，注意項目名中不能包含大寫字母。
一直點(diǎn)下一步就可以了，項目結(jié)構(gòu)
選中package.json 右鍵選擇 show npm scripts
選擇dev雙擊 即可進(jìn)行測試。開啟成功后會出現(xiàn)默認(rèn)的端口，贊帖到瀏覽器中打開，出現(xiàn)下面頁面就是成功啦。
這樣一個vue項目就創(chuàng)建成功了,如果右下角出現(xiàn) npm install的提示，不要點(diǎn)擊安裝。
采用cnpm的手動安裝方式進(jìn)行安裝。npm太慢了。
命令行cd 到項目目錄,你會發(fā)現(xiàn)沒有node_modules文件夾，此時手動cd到此目錄，執(zhí)行cnpm install命令，完成后，就會出現(xiàn)此文件夾。
再進(jìn)行運(yùn)行，搞定
cd /d xxxxxx
執(zhí)行
cnpm install
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue中router-view和component :is的區(qū)別解析
這篇文章主要介紹了Vue中router-view和component :is的區(qū)別解析,router-view用法直接填寫跳轉(zhuǎn)路由,路由組件會渲染<router-view></router-view>標(biāo)簽,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
使用vue.js2.0 + ElementUI開發(fā)后臺管理系統(tǒng)詳細(xì)教程（二）
這篇文章主要介紹了使用vue.js2.0 + ElementUI開發(fā)后臺管理系統(tǒng)詳細(xì)教程（二），非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-01-01
這篇文章主要為大家介紹了Vue transx組件切換動畫庫示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
vue props對象validator自定義函數(shù)實例
今天小編就為大家分享一篇vue props對象validator自定義函數(shù)實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
本篇文章主要介紹了詳解vue靜態(tài)資源打包中的坑與解決方案，本文主要解決路徑問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
Vue利用路由鉤子token過期后跳轉(zhuǎn)到登錄頁的實例
下面小編就為大家?guī)硪黄猇ue利用路由鉤子token過期后跳轉(zhuǎn)到登錄頁的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
vue項目下載文件重命名監(jiān)測進(jìn)度demo
這篇文章主要為大家介紹了vue項目下載文件重命名監(jiān)測進(jìn)度demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
這篇文章主要介紹的是如何用Vue做一個簡單的隨機(jī)點(diǎn)名冊，主要是做個簡單的點(diǎn)名器，不做樣式,需要的朋友可以參考一下，希望對你有所幫助2021-12-12
vue中watch的實際開發(fā)學(xué)習(xí)筆記
watch是Vue實例的一個屬性是用來響應(yīng)數(shù)據(jù)的變化,需要在數(shù)據(jù)變化時執(zhí)行異步或開銷較大的操作時,這個方式是最有用的,下面這篇文章主要給大家介紹了關(guān)于vue中watch的實際開發(fā)筆記,需要的朋友可以參考下2022-11-11
vue在mounted中window.onresize不生效問題及解決
這篇文章主要介紹了vue中在mounted中window.onresize不生效問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04