第一章 構建vue項目,代碼倉庫管理


一、安裝node.js、vue-cli腳手架

1.安裝node.js

下載地址:https://nodejs.org/en/download

查看版本號 node -v npm -v 出現版本號即安裝成

2.管理nodejs版本(非必須裝)

執行命令安裝:npm install -g n

n latest(升級node.js到最新版本)

n stable(升級node.js到最穩定版)

n 后面可以跟着版本號,例如:$n v0.10.26 或者 $n 0.10.26

3.安裝淘寶鏡像 cnpm(非必裝,網絡慢的情況可安裝)

npm install -g cnpm --registry=http://registry.npm.taobao.org

4.全局安裝vue-cli3.0腳手架

卸載:如果已經全局安裝了舊版本的vue-cli(1.x或者2.x),需要先卸載:npm uninstall vue-cli -g

安裝: npm install -g @vue/cli

查看版本號:vue -V

請參考官網:https://cli.vuejs.org/zh/guide/installation.html

二、建立項目倉庫(Github)

1.登入github地址,創建新的倉庫

2.將項目推到github 上面,參考下面的命令行:

成功后出現以下界面:

三、創建vue項目

1.構建項目

vue create sh3h_common_platform

2.配置信息

 由於我們配置了gitignore,因此我們選擇【合並】

這里我們使用【自定義選項】,出現如下圖界面:

通過上下鍵+空格選擇圖中選項即可(也可以根據自己的需求選擇)

如果不會TypeScript,不用選擇

路由模式有兩種:hashhistory

Hash-即地址欄ULR中的#符號;如:http://www.taobao.com/#/hello

Histoty-利用了HTML5 History Interface 中新增的 pushState()replaceState()方法(去除#)

:由於開發不在乎# 因此選擇 n

 

到此,項目就建設好了。輸入圖中的命令啟動項目:

 


免責聲明!

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



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