建立自己的第乙個Vue專案

2022-03-01 02:18:24 字數 1355 閱讀 9576

1,需要安裝nodejs,並且npm 版本需要大於 3.0

我的已經安裝過了,檢查一下版本

2,全部安裝vue-cli

檢視vue-cli是否成功,vue -v(v必須是大寫的)

3,建立專案,首先進入到專案目錄下,然後執行下面的命令

vue init webpack  」專案名稱「

裡面的參考

4,啟動專案

首先切換到專案目錄

然後 npm install構建

最後npm run dev啟動

最後的是專案訪問路徑

訪問http://localhost:8081/

至此第乙個vue專案就建立成功了

5,出現的問題

安裝之後vue -v檢視是否安裝成功時報錯「vue不是內部或外部命令,也不是可執行的程式或批處理檔案」

使用npm config get prefix檢視了下目錄路徑

發現該目錄下有vue.cmd檔案

看網上說配置環境變數,然後就將d:\program新增到了path下,結果還是不行

最後看到了一篇部落格

說新建乙個,然後就試了下

然後重啟cmd視窗,允許vue -v發現可以了

建立第乙個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,切換到工作目錄,在該...

使用VScode建立第乙個vue專案

初識vue,小小白一枚 軟體,外掛程式安裝,略.外掛程式 vetur 支援vue 高亮 eslint js語法糾錯 auto close tag 自動閉合標籤 auto rename tag 自動完成另一側標籤的同步修改 jquery code snippets jquery 智慧型提示 第一步 開...