搭建VUE項目的准備(利用vue-cli來構建項目)


首先需要明確的是:Vue.js 不支持 IE8 及其以下 IE 版本,一般用與移動端, 基礎:開啟最高權限的DOS命令(否則會出現意外的錯誤提示)
 
注意:個人小推薦如果我們不知道如何才能開啟最高權限的DOS命令,個人安利一個軟件DISM++,功能主要清楚系統垃圾什么的,在小工具里會有個春哥附體

 

  這樣在彈出框里打cmd,喚出的命令提示符就是最高權限了,話不多說進入正題

1.安裝node.js,檢測版本node -v,還要檢測包管理工具npm -v

這里需要說明下,因為在官網下載安裝node.js后,就已經自帶npm(包管理工具)了,另需要注意的是npm的版本最好是3.x.x以上,以免對后續產生影響。

2.  安裝webpack,打開命令行工具輸入:npm install webpack -g,安裝完成之后輸入 webpack -v,如下圖,如果出現相應的版本號,則說明安裝成功。

//全局安裝
npm install -g webpack

3.  安裝vue-cli腳手架構建工具

npm install vue-cli -g

安裝vue-cli腳手架構建工具,打開命令行工具輸入:npm install vue-cli -g,安裝完成之后輸入 vue -V(注意這里是大寫的“V”),如下圖,如果出現相應的版本號,則說明安裝成功

 

在准備階段

 

接下來我們就准備構建項目了,首先就是找個磁盤,自己新建一個文件用於放我們的項目 

在命令行中   cd  找到我們的項目文件

vue init webpack 項目名字<項目名字不能用中文>

然后會顯示

 

Target directory exists. Continue? (Y/n) 直接回車默認(然后會下載 vue2.0模板,這里可能需要連代理) 
Project name (vue-test) 直接回車默認 
Project description (A Vue.js project) 直接回車默認 
Author 直接回車默認 
Use ESLint to lint your code? n 
pick an eslint preset. 默認Standard 
setup unit tests with karma + mocha?No(單元測試不需要) 
setup e2e tests with Nightwatch?No(單元測試不需要)

 

cd 項目名字
安裝項目依賴 : npm install
安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource –save-dev 是你開發時候依賴的東西,–save 是你發布之后還依賴的東西 : npm install vue-router vue-resource –save
啟動項目 : npm run dev
 

  到了這里,說明你的項目就可以正式運行了,打開瀏覽器輸入上述的鏈接,項目搭建完畢,可以開發了

 

發布項目 
npm run build

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM