安裝VUE


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM