nodejs安裝及vue初始化記錄

一.nodejs的安裝
nodejs官網下載傳送門
在這裏插入圖片描述
在這裏插入圖片描述
直到Finish完成安裝。

2.windows+R打開命令行窗口,分別執行 node -v npm -v命令

在這裏插入圖片描述
3.解決問題:npm(node)不是內部或外部命令

該鏈接下的步驟8忽略 再走該鏈接裏的步驟9 緊接着再次執行 node -v和npm -v 看是否出來版本號
4.windows+R命令行裏執行如下命令來安裝淘寶鏡像(copy如下命令) npm install -g cnpm --registry=https://registry.npm.taobao.org
5.安裝vue -cli,命令行裏執行如下命令(copy如下命令) cnpm install vue-cli -g

在這裏插入圖片描述
二.Vue項目的創建

6.打開vscode,新建vue項目(我是在D盤根目錄下 新建了一個名字是indexshow的vue項目)命令爲 vue init webpack indexshow
在這裏插入圖片描述

若出現如下報錯傳送門:傳送;沒出現的話跳過:
在這裏插入圖片描述
7.如下提示:一路都是回車(默認,除非自己有特需)
在這裏插入圖片描述
7.vscode右上角 打開 --> 打開文件夾(找到你新建vue項目文件夾)
在這裏插入圖片描述

8.打開終端,依次輸入一下命令
1)安裝依賴 執行命令:cnpm install
2)運行項目 cnpm run dev
在這裏插入圖片描述
3) 按住Ctrl同時點擊綠框所示地址 項目就在瀏覽器裏打開了
在這裏插入圖片描述
9.該頁面就是vscode裏的APP.vue
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章