Vue安裝依賴npm install時報錯問題解決方法

一.用到的一些快捷鍵：

a.打開cmd:   win+R

b.進入d盤：d：

c.進入d盤某個文件夾：cd myVue

d.退回上一級：cd..

 

二.Vue安裝工做：

1.vue的安裝依賴於node.js,要確保你的計算機上已安裝過node.js。    

a.可進入cmd編輯器，輸入命令 node -v進行查看。出現版本信息即成功！沒有則從瀏覽器上面下載安裝便可;

b.沒有安裝要求！官網地址：https://nodejs.org/en/ ，注意安裝建議全局安裝，不要本身創建地址，本身創建也行，只不過須要本身去配置變量，不然會出現'npm' 不是內部或外部命令,也不是可運行的程序 或批處理文件這個問題;

c.若是之前裝過須要從新安裝，在彈出選擇框的時候選擇remove便可。

 

2.肯定node安裝後，就能夠開始vue的安裝了。可進入cmd編輯器，輸入命令 vue -V進行查看，出現版本信息即成功，不然則按照下圖進行按照。

 

3.咱們須要建一個Vue項目，創建在c盤外用來存放本身的項目，，別盤進行創建！

 

4.如圖安裝中途出現的問題：

       a.在cmd裏輸入：vue init webpack my-project(項目文件夾名，可自行命名)，回車，等待一小會兒，依次出現‘git’下的項，可接着操做，按提示依次輸入文件名，項目名，做者等，等出現vue-router路由時輸入yes，其餘的輸入no，回車便可！

        b.安裝依賴：npm install    博主出現了不少次問題，顯示錯誤，一直解決不了，搜索了不少博客也沒有什麼看得懂的解決方法，後來找到一種，就是全局安裝cnpm； 

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

        c.而後在cmd中輸入cnpm install，即安裝成功，cnpm run dev 或者在瀏覽裏輸入：localhost:8080(默認端口爲8080)，即能在瀏覽器中看到已經安裝好的vue！

 

三.GitHub代碼託管使用方法：

1.獲取項目

1.在Git官網下載git進行安裝，地址https://git-scm.com/；

2.安裝教程可在網上進行搜索，通常直接肯定便可（建議全局安裝，就是不本身設立地址）；

3.而後使用GitHub的話，在網上找到項目，而後項目有給到附加地址,在D盤創建文件夾，右鍵，而後就能看到安裝好的git，選擇Git Bash Here，點擊即會出現相似與cmd的框，進行輸入地址導入便可！

好比餓了麼項目：

 

git clone https://github.com/bailicangdu/vue2-elm.git  

cd vue2-elm

npm install  或 yarn(推薦)

npm run dev

 4.中途出現的問題：

a.出現 listen EADDRINUSE :::8000，這表示端口被佔用；

b.解決辦法：打開項目config文件夾下面的index.js文件，而後更改端口號便可；

dev: {
        env: {
            NODE_ENV: '"development"'
        },
        port: 8090,//此處
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        context: [ //代理路徑
            '/shopping',
            '/ugc',
            '/v1',
            '/v2',
            '/v3',
            '/v4',
            '/bos',
            '/member',
            '/promotion',
            '/eus',
            '/payapi',
            '/img',
        ],

 2.上傳項目

1.註冊GitHub帳號,官方地址：https://github.com/

2.在Git官網下載git進行安裝，地址https://git-scm.com/；

3.登陸github,而後點擊右上角「+」，選擇「New repository」,而後在出來的頁面「Repository name」處，輸入你的項目名稱，接着在‘Description (optional)’處，輸入介紹文字（隨意），而後，能夠看到一個正方形的選擇框，選中，而後點擊‘Create’按鈕，進行建立，這個時候，你會跳到你建立的項目地址；

4.打開此電腦，選擇一個盤，好比 f 盤創建一個文件夾，右鍵空白處點擊 git bash here。

5.而後把你剛剛創建的項目地址克隆出來，好比輸入命令：

git clone https://github.com/youname/text.git  

6.克隆成功後，你會發現，你在f盤創建的那個文件夾裏面多了一個項目。而後打開有個README.md的文件，這個時候你就完成了；

7.如今尚未結束，如今你須要把你的想上傳的項目內容複製到這個文件夾裏面來，好比html,js文件等等；

8.好，複製完成以後，你輸入命令。進入d盤這個項目文件夾，好比cd text；

9.而後，輸入命令：git add .  （注意有個點） //添加遠程不存在的git文件

10.接着，輸入命令：git status //查看本地本身修改了多少文件  這時會出現一片綠色；

11.而後，咱們須要提交修改，這時，咱們輸入命令：git commit  -m "modify" ;若是git彈窗出來要你登陸，你就登陸你的github帳號，若是提示please tell me who you are，這時候你要驗證你的身份，提示也就是須要你登陸一下，確認你的身份，可是不要按照其提示輸入，先輸入命令git config user.name 「username」，換行輸入git config user.email 「email」 （名稱和郵箱是你github的），而後你就能夠從新輸入命令git commit  -m "modify"了；

12.提交修改完成後，咱們要更新，輸入命令：git pull；

13.而後，咱們須要更新到遠程服務器上，輸入命令：git push,出現100%即提交成功，這時你登陸你的github就能看到你提交的項目了；

 

 

四.vue開發軟件vsCode安裝： 

1.在vsCode官網下載進行安裝，地址https://code.visualstudio.com/；

2.而後，咱們下載的默認是英文版，咱們須要把它修改成中文版：

a.打開軟件，輸入快捷鍵Ctrl+Shift+p，會出現一個搜索框；

b.在搜索框中輸入「configure display language」；

c.修改locale.json文件下的屬性「locale」爲「zh-CN」;

d.重啓vscode工具；

注：若是重啓以後仍是英文環境，則點擊左側第五個圖標-商店，而後搜索Chinese（Simplied） Lang，安裝便可。安裝完成後從新打開便可。