確保node.js和npm/cnpm都安裝好的情況下,檢視命令:node -v/npm -v/cnpm -v,有返回版本號即為安裝成功,npm和cnpm有乙個即可,cnpm是**映象的npm,相對npm更快更穩定,配置命令:npm install -g cnpm --registry=
在用 vue.js 構建大型應用時推薦使用 npm 安裝,npm 能很好地和諸如 webpack 或 browserify 模組打包器配合使用。vue.js 也提供配套工具來開發單檔案元件。
cnpm install vue
vue-cli 提供乙個官方命令列工具,可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置,帶來現代化的前端開發流程。只需幾分鐘即可建立並啟動乙個帶熱過載、儲存時靜態檢查以及可用於生產環境的構建配置的專案:
全域性安裝 vue-cli
cnpm install --global vue-cli
要建立專案,首先我們要選定目錄,然後再命令列中把目錄轉到選定的目錄。可以使用:
需要注意的是專案的名稱不能大寫,不然會報錯。
project name (my-project) # 專案名稱(我的專案)
project description (a vue.js project) # 專案描述乙個vue.js 專案
author 作者(你的名字)
install vue-router? (y/n) # 是否安裝vue路由,也就是以後是spa(但頁面應用需要的模組)
use eslint to lint your code? (y/n) # 使用 eslint 到你的**? (y [ yes ] / n [ no ])
pick an eslint preset (use arrow keys) # 選擇乙個預置eslint(使用箭頭鍵)
setup unit tests with karma + mocha? (y/n) # 設定單元測karma + mocha? (y/ n)
setup e2e tests with nightwatch? (y/n) # 設定端到端測試,nightwatch? (y/ n)
當然這些都看你自己個人的情況。
剛初始化的專案是沒有依賴的,如果執行會報類似這樣的錯誤,所以在這之前需要解決專案的依賴問題,使用下面的命令安裝專案的依賴。
cnpm install
npm run dev
搭建Vue腳手架(vue cli)
1.安裝node.js 安裝完成之後,開啟命令列工具 win r,然後輸入cmd 輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。c users 19565 node v v12.13.1 c users 19565 npm v 6.12.1 2.安裝webpack 開啟命令列工具...
Vue腳手架vue cli搭建
vue腳手架搭建流程 首先在node環境下使用npm或者cnpm進行vue腳手架搭建 1.安裝node環境 安裝成功後在命令列檢視node版本,如果有說明安裝成功。檢視node版本 node v 2.安裝vue腳手架工具vue cli大家在安裝node的時候,會自動安裝npm 可以先行檢視npm版本...
Vue 搭建Vue腳手架(vue cli)
安裝nodejs 我們所需要的npm包管理器,是整合在node中的,所以,直接輸入npm v就會如下圖所示,顯示出npm的版本資訊。vue安裝 在用 vue.js 構建大型應用時推薦使用 npm 安裝,npm 能很好地和諸如 webpack 或 browserify 模組打包器配合使用。vue.js...