Vue cli的安裝步驟詳細版本

2022-09-15 04:27:13 字數 959 閱讀 9899

官網 使用官方推薦的webpack

條件:node在4.以上,npm在3以上

安裝步驟:

1、cmd開啟命令列視窗

2、輸入cnpm install vue-cli -g,然後回車等待(想在哪個目錄建立vue專案就要在進入到對應目錄再輸入命令)

3、安裝結束後輸入vue 如果顯示版本號繼續下一步操作

4、執行vue init webpack demo(注:專案名稱)回車

5、顯示project nanme 目錄名 回車 project description 後面可以寫上描述,或者直接回車

author 後面可以寫作者也可以回車

6、install vue-router? 選擇y

7、user eslint to lint your code? 選y

8、setup unit tests with karma + mocha? 問的是否要測試 選n

9、setup e2e tests with nightwatch? 選n

10、這個時候在你建立的目錄下就有你的目錄了,然後cd 你的目錄名進去cnpm install回車等待,這一步是安裝依賴的,安裝完成後會在專案資料夾下自動生成node-module檔案來存放安裝的依賴檔案,如果這個資料夾沒有那麼專案是沒辦法跑

起來的11、建立結束後在建立目錄裡面按住shift+右鍵 選擇 在此處開啟命令視窗 輸入npm run dev啟動應用,啟動成功它會自動開啟乙個vue頁面

12、每次這樣啟動是很麻煩的,用開發工具載入整個專案,裡面有個package.json,它我整個專案的配置和資訊的描述,裡面有個scripts,這是定義的一些指令碼,剛才用的就是裡面的dev,它會執行後面的東西,就是用node跑乙個json檔案

13、在專案中,右擊package.json選擇show npm scripts,顯示npm後,雙擊命令即可

main.js的介紹

el是掛載點,router是路由

Mac系統下安裝Vue cli詳細步驟

vue cli安裝 1.首先開啟終端 按照老師的操作,首先檢查node版本 下面是我的操作 開啟終端,輸入命令 node v 我去,找不到node。安裝完畢,有了 2.輸入sudo npm install g vue cli這個命令 因為npm的關係所以有點進度有點慢,等待,終於好了 3.輸入 命令...

vue cli安裝步驟

安裝vue cli 使用node自帶的npm命令 npm install vue cli g 上面步驟安裝完後,就可以利用vue cli初始化vue專案 在你想要安裝專案的而目錄下輸入vue init webpack projectname projectname是你專案的名稱 project na...

安裝vue cli的步驟

在cmd中輸入 npm install g cnpm registry 一 npm install g vue cli 適用於vue cli 2.0 二 npm install g vue cli 適用於vue cli 3.0 在cmd中輸入vue create pjx 建立好之後的樣子 這裡的pj...