建立vue專案

2021-10-01 07:14:23 字數 1926 閱讀 2925

一、準備工作

1.安裝 node.js

這個方面的部落格還沒寫,這個隨便隨便找個部落格看吧

二vue的建立

1.檢查是否有node.js

2.建立乙個儲存vue專案的資料夾

3.在資料夾路徑上輸入cmd,進入命令

4.** npm 映象

npm

install -g cnpm --registry=

5.全域性安裝

cnpm install vue-cli -g      //全域性安裝 vue-cli
這個命令只需要執行一次就可以了。安裝上之後,以後就不用安裝了。

6.檢視vue是否安裝好,出現版本號即安裝成功

vue -v
如果提示「無法識別 『vue』 」 ,有可能是 npm 版本過低,需要手動更新npm的版本號。

7.更新npm至最新版本:

cnpm -g install

npm

8.初始化乙個專案

vue init  webpack +專案名稱
9.問題

1.project name (專案名稱); 按enter

2.project description (a vue.js project);專案描述 按enter

3.author 作者; 輸入名字,按enter

4.vue build (use arrow keys) runtime + compiler: recommended for most users; 執行加編譯,就選它 按enter runtime-only: about 6kb lighter min+gzip, but

templates (or any vue-specifichtml) are only allowed in .vue files -

render functions are required elsewhere;僅執行時,就選擇第乙個了

5.install vue-router? (y/n);安裝的路由? 肯定用上 輸入y,按enter

6.use eslint to lint your code? (y/n);使用eslint語法? 這時為了多人協作,新手就不用了 輸入n,按enter

7.setup unit tests with karma + mocha? (y/n);是否安裝單元測試?輸入n,按enter

8.setup e2e tests with nightwatch? (y/n);是否安裝e2e測試? 輸入n,按enter

9.should we runnpm installfor you after the project has been created? (recommended) (use arrow keys)

yes, use npm

yes, use

yarn no, i will handle that myself

選第乙個 yes, use npm 按enter

10.進入專案輸入

cd 專案名稱
11.安裝依賴

cnpm install
12.執行

npm run dev

vue 建立vue專案

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

建立vue專案

總結官方的建立vue專案 1.安裝vue.js執行環境nodejs,可用 映象安裝,會比較快,建議安裝c盤,安裝成全域性的。命令是 npm install g cnpm registry 2.檢視安裝的版本,命令是 cnpm v3.安裝全域性腳手架,命令是 cnpm install g vue cl...

建立vue專案

1.按 windous鍵 r 輸入 cmd 開啟黑框框 2.檢查是否安裝npm,執行如下 npm v如果顯示的是版本號,則已經安裝,執行第三步 如果沒有顯示版本號,則需安裝npm npm install npm build npm run dev3.檢查是否安裝vue cli3,執行如下 npm v...