1.下載並安裝Nodejs ,從官網下載LTS版(https://nodejs.org/en/)
檢查是否安裝完成,安裝Nodejs同時會安裝npm
node -v
npm -v
2.以npm方式全局安裝Vue-cli(npm install --global vue-cli)
npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) npm WARN deprecated mkdirp@0.5.4: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.) C:\Users\wanglifu\AppData\Roaming\npm\vue-list -> C:\Users\wanglifu\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-list C:\Users\wanglifu\AppData\Roaming\npm\vue-init -> C:\Users\wanglifu\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init C:\Users\wanglifu\AppData\Roaming\npm\vue -> C:\Users\wanglifu\AppData\Roaming\npm\node_modules\vue-cli\bin\vue + vue-cli@2.9.6 added 241 packages from 205 contributors in 92.102s
3.vue項目初始化命令如下,若沒有安裝webpack,則先安裝webpack
npm install -g webpack
vue init webpack myVue
注:安裝過程 中有個選項(Use ESLint to line your code ?選擇 No )
坑:如果你想安裝3.X,則應如下操作
卸載2.X:
npm uninstall -g vue-cli 或 yarn global remove vue-cli
安裝3.X:
npm install -g @vue/cli 或 yarn global add @vue/cli
4、進入到myVue目錄下,使用npm install 安裝package.json包中的依賴
命令如下:
cd myVue
npm install
5、運行項目:
npm run dev
在瀏覽器上輸入:localhost:8080,將會出現下面的vue初始頁面:
6、Ctrl+C,Y退出
注:
由於安裝了vue cli 3.x版本無法使用init指令,可使用安裝init指令模塊:
npm install -g @vue/cli-init