Vue學習 建立乙個Vue專案

2022-07-09 23:15:10 字數 787 閱讀 5231

vue專案建立其實很簡單,做個記錄方便以後檢視

step1:

建立乙個空資料夾(專案目錄)

step2:

使用vscode開啟資料夾,開啟內建終端

step3:

安裝vue-cli腳手架

根據vue官方介紹,可以使用npm或yarn命令安裝

npm install -g @vue/cliyarn global add @vue/cli

安裝指定版本,在後面@相應版本號即可

ps:因為遇到了vue-cli版本不同的問題,去找了一下解決方法,一併做個記錄

解除安裝當前版本,然後安裝新版本即可

npm uninstall vue-cli -g

step4:

建立vue專案

vue create my-projectvue ui

step5:

建立成功

使用npm run server執行專案

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

vue3 0建立乙個專案

使用vue3.0建立乙個專案 使用vue ui建立 管理專案 專案結構目錄整理 初始檔案新增 基本配置 跨域配置 環境配置 下面嘗試用test preview production分別表示測試 預覽 生產三種環境 修改package.json檔案如下 scripts 在專案根目錄下新建 env.te...