溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下webstorm+vue初始化項目的示例分析，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
vue新項目準備：
1、安裝nodejs，官網下載傻瓜安裝
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鏡像官網。）
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：最終發布的代碼的存放位置。
config：配置路徑、端口號等一些信息，我們剛開始學習的時候選擇默認配置。
node_modules：npm 加載的項目依賴模塊。
src：這里是我們開發的主要目錄，基本上要做的事情都在這個目錄里面，里面包含了幾個目錄及文件：
assets：放置一些圖片，如logo等
components：目錄里放的是一個組件文件，可以不用。
App.vue：項目入口文件，我們也可以將組件寫這里，而不使用components目錄。
main.js ：項目的核心文件
static：靜態資源目錄，如圖片、字體等。
test：初始測試目錄，可刪除
.XXXX文件：配置文件。
index.html：首頁入口文件，可以添加一些meta信息或者同統計代碼啥的。
package.json：項目配置文件。
README.md：項目的說明文件。
看完了這篇文章，相信你對“webstorm+vue初始化項目的示例分析”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
