webstorm+vue初始化項目的方法
vue新項目準備：
1、安裝nodejs，官網(wǎng)下載傻瓜安裝
node -v 驗證
2、npm包管理器，是集成在node中的，所以安裝了node也就有了npm
npm -v 驗證
3、安裝cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org
（完成之后，我們就可以用cnpm代替npm來安裝依賴包了。如果想進一步了解cnpm的，查看淘寶npm鏡像官網(wǎng)。）
4、安裝vue-cli腳手架構建工具
npm install -g vue-cli
vue新項目構建：
1、初始化項目模板：
vue init webpack-simple yunshi-approve
或者
vue init webpack yunshi-approve
2、安裝npm
cd yunshi-approve
3、安裝項目所需要的依賴：
npm install 或 cnpm install
4、運行看效果：
npm run dev
介紹一下目錄及其作用：
build：最終發(fā)布的代碼的存放位置。
config：配置路徑、端口號等一些信息，我們剛開始學習的時候選擇默認配置。
node_modules：npm 加載的項目依賴模塊。
src：這里是我們開發(fā)的主要目錄，基本上要做的事情都在這個目錄里面，里面包含了幾個目錄及文件：
assets：放置一些圖片，如logo等
components：目錄里放的是一個組件文件，可以不用。
App.vue：項目入口文件，我們也可以將組件寫這里，而不使用components目錄。
main.js ：項目的核心文件
static：靜態(tài)資源目錄，如圖片、字體等。
test：初始測試目錄，可刪除
.XXXX文件：配置文件。
index.html：首頁入口文件，可以添加一些meta信息或者同統(tǒng)計代碼啥的。
package.json：項目配置文件。
README.md：項目的說明文件。
以上這篇webstorm+vue初始化項目的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue3+Element?Plus實現(xiàn)動態(tài)標簽頁以及右鍵菜單功能
這篇文章主要給大家介紹了關于Vue3+Element?Plus實現(xiàn)動態(tài)標簽頁以及右鍵菜單功能的相關資料,Vue?3和Element?Plus提供了一種簡單的方法來實現(xiàn)側邊菜單欄與標簽頁之間的聯(lián)動,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了vue+j簡單的實現(xiàn)輪播效果,滾動公告,銜接,文章圍繞主題的相關資料展開詳細的內容具有一定的參考價值，需要的小伙伴可以參考一下2022-06-06
這篇文章主要介紹了Vue 自定義指令實現(xiàn)元素拖動,在使用自定義指令之前，先對自定義指令有一定的了解，主要從自定義指令定義范圍，鉤子函數(shù)方面入手，需要的朋友可以參考下2022-01-01
這篇文章主要為大家詳細介紹了Vue實現(xiàn)裁切圖片功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue vant中picker組件的使用說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要為大家詳細介紹了vue實現(xiàn)axios圖片上傳功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-08-08
今天小編就為大家分享一篇vue 使用自定義指令實現(xiàn)表單校驗的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
在Vue中，父子組件之間通過Prop和Event實現(xiàn)了數(shù)據(jù)的雙向綁定，但是，Vue設計者為什么不允許子組件修改父組件傳遞的Prop呢，本文就來帶大家探究為什么子組件不能修改Prop,需要的朋友可以參考下2023-06-06
element el-input directive數(shù)字進行控制
本文介紹了vue使用directive 進行控制的方法，使用element開發(fā)的過程中遇到循環(huán)的數(shù)據(jù)只能輸入數(shù)字，并且有不要小數(shù)點，有需要小數(shù)點的，就有一定的參考價值，有興趣的可以了解一下2018-10-10
淺析Vue中Virtual?DOM和Diff原理及實現(xiàn)
這篇文章主要為大家詳細介紹了Vue中Virtual?DOM和Diff原理及實現(xiàn)的相關知識，文中的示例代碼講解詳細，感興趣的小伙伴可以了解一下2023-03-03