第乙個vue測試專案

2021-09-28 22:00:09 字數 843 閱讀 2919

1.安裝node.js  

安裝完後

開啟命令列工具,輸入 node -v 看版本號

2.安裝cnpm

在命令列中輸入 npm install -g cnpm --registry=

等待非常久

完成之後,我們就可以用cnpm代替npm來安裝依賴包了

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

在命令列中執行命令 cnpm install -g vue-cli 

很快4.建立vue專案

cmd-cd到安裝目錄-vue init webpack **(名字)

中間

我也不懂,自行研究下吧

中間報錯了

5安裝完成

要安裝依賴包,首先cd到專案資料夾(**資料夾)上面那個路徑下,然後執行命令 cnpm install ,等待安裝

出現乙個node_modules資料夾

該路徑下:

執行命令 npm run dev

其中的「run」對應的是package.json檔案中,scripts欄位中的dev,也就是 node build/dev-server.js命令的乙個快捷方式。

專案執行成功後,瀏覽器會自動開啟localhost:8080(如果瀏覽器沒有自動開啟,可以手動輸入)

搭建第乙個Vue專案

如果沒有什麼問題的話,nodejs安裝成功後會將npm 包管理工具 自動新增至系統的環境變數。開啟cmd,輸入命令 npm v 我的結果如下,表示安裝成功,npm已新增至系統環境變數 npm畢竟是國外的,抽風是極有可能的。所以可以使用taobao的替代產品cnpm。安裝方式為在cmd中輸入如下 np...

建立第乙個Vue專案

1.開發工具的安裝 visual studio code,安裝對應的外掛程式,除錯用chrome瀏覽器,瀏覽器上安裝vue除錯的外掛程式,3.學習 菜鳥教程,w3school,vue官網.建立乙個vue專案步驟 一種純命令列的方式建立,另一種是ui介面的方式建立vue專案 菜鳥教程有純命令列的方式建...

建立第乙個vue專案

1,配置node環境 2,開啟cmd切換到node安裝目錄,安裝vue cli vue cli會自動按照專案結構在你本地初始化乙個專案,當然不用該工具,手動建資料夾配置js等也可以的,但是vue cli 一行命令就自動生成了多方便呢 npm install vue cli g3,切換到工作目錄,在該...