使用vue建立專案

2021-09-26 23:32:35 字數 466 閱讀 2491

在桌面建立乙個vue資料夾用來放置專案

終端輸入:

cd desktop/vue

vue init webpack vuetest

(vuetest是專案名字)

然後一路回車

進入專案:

cd vuetest

cnpm install(第一次建立時需要 以後開啟就不需要)

cnpm run dev

(如果dev失敗(缺少依賴)則再加一行npm install)

把整個資料夾拖入vscode

訪問http://localhost:8080就是專案位址

建立vue專案

vue create hello-world

使用webpack建立vue專案

在使用webpack建立vue專案時,你需要先將下面開發環境搞定。進入想要建立專案的目錄,右鍵開啟cmd,輸入建立命令,my project為專案的名字,可以自行修改,但是不得包含大寫字母。vue init webpack my project 建立選項設定,下面為經過一步驟後會出現的建立選項。如果...

vue使用vue cli建立專案

安裝執行環境 node和npm 安裝vue cli 檢視是否安裝成功vue v 安裝webpack 新建專案 1 vue init webpack 專案名稱 2 配置專案有關的資訊 專案名稱,開發者,描述,安裝路由,使用eslint 規範,測試單元 4 進入專案的資料夾下,使用npm run dev...

vue 建立vue專案

在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...