Vue學習之專案初始化與碼雲git提交過程

2021-10-03 21:00:17 字數 2818 閱讀 8986

安裝vue-cli需要使用npm命令,需要先安裝好node.js

vue-cli若是按照官網上的安裝教程:npm install -g vue-cli,中間由於連線國外網的緣故安裝過程會出錯,導致安裝失敗

經過查閱,看到網上有的推薦使用cnpm方法,即先使用npm安裝好cnpm:`

npm install -g cnpm --registry=
然後使用cnpm進行安裝vue-cli和webpack:

cnpm install -g vue-cli
本人嘗試使用cnpm方法,當vue-cli確實安裝成功,但是在使用vue初始化專案vue init webpack demo時,會出現eslint不是內部指令的錯誤,若是自己在安裝eslint,後續的進入專案檔案件,npm run dev時就會出現webpack相關的錯誤

總之,重新安裝試了幾次仍是不好使,經過多方查閱發現是cnpm導致的錯誤,所以不推薦使用cnpm進行安裝,中間會出現好多坑,下面說一下正確的安裝操作:

通過config命令

npm config set registry
再使用npm info underscore會出現一些配置的字串

然後,使用命令:

npm --registry  info underscore`
最後進行安裝vue-cli:

npm install -global vue-cli
另外,如果以前有vue,但是需要公升級,使用npm i -g @vue/cli時出現以下這種錯誤:

查詢了一些教程,說是需要先採用npm cache clean --force把快取清除一下,但是嘗試仍是出現這種錯誤,正確解決方法

先解除安裝原來的vue腳手架:npm uninstall vue-cli -g

然後清除快取,不然安裝仍可能會出現錯誤:

npm cache clean --force
最後,安裝新的版本的vue腳手架工具:npm i -g @vue/cli若是解除安裝命令不好使,則採用:where vue,檢視vue所在位置並刪除,然後清除快取,繼續安裝即可

因為本地的很多檔案最新出現,需要提交到碼雲上,所以使用命令

git status(會提醒你本地倉庫多出許多檔案)

git add .

git commit -m "project initialized"

git push

在過程中,使用commit時,可能會報錯:

error: pathspec 'initialized'' did not match any file(s) known to git.
這裡是由於系統問題造成的:

windows下:git commit -m "project initialized"

linux下:git commit -m 'project initialized'

即windows下使用雙引號,linux下使用單引號

另外,此時可能會出現這種錯誤:

這是有你的本地git檔案的配置中沒有使用者的郵箱和名字,需要加上郵箱和名字

解決方法

[user]

email=your email

name=your name分支處理:

git pull 會把線上的分支拉到本地

git checkout 分支名 命令用於切換分支或恢復工作樹檔案,此時本地所在的分支就是這個分支

git status 檢視所在分支

若是在碼雲中尚未建立分支,在本地分支上不可以直接使用git push進行推送,應先切換道剛剛操作的分支上(不是master主分支),然後需要:git push -v origin 遠端新建分支名進行推送

本地建立分支,並推送到遠端:

git branch 檢視當前所處的分支

git checkout -b user 建立新分支user,並切換到user分支上

git branch

git status 檢查user分支的狀態

git add . 將新加的檔案統一新增到暫存區

git status

git commit -m 『提交訊息名稱』 將user分支提交到倉庫中

git status

但是遠端碼雲中並未記錄最新的子分支

git push -u origin user 將本地倉庫提交到雲端origin倉庫中,同時以user分支儲存

推送成功後,會發現碼雲**現user分支,但是在主分支master上並未進行合併,需要轉到master上進行合併user分支

git checkout master

git merge user 此時本地的master主分支上**是新的,需要進一步雲端更新

git push

vue初始化專案

速查 vue v npm v sudo npm install global vue cli sudo npm install g vue cli init 進入包下 vue init webpack home檢查node和npm版本 node vv14.3.0 npm v6.14.5 安裝vue ...

vue初始化專案

1 初始化專案 命令 f vueworkspace vue init webpack demo project 2 建立好的專案目錄結構 其中 build 專案構建 webpack 相關 檔案說明 build.js 生產環境構建指令碼 check versions.js 檢查npm node.js版...

Vue初始化專案指南

如果報npm安裝vue超時 err errno etimedout 採用cnpm映象就可以解決了 npm install g cnpm registry npm registry info underscore再執行命令 npm install vue cli g 安裝完之後建立專案 vue ini...