Vue的安裝與入門使用

2021-09-26 03:32:42 字數 2194 閱讀 8571

中文:英文:

3.安裝完成之後,驗證是否安裝成功,進入cmd命令視窗,依次輸入命令npm -v node -v,如果出現下圖,則證明已經安裝成功。

這裡之所以需要安裝**映象,是因為國內直接使用npm安裝太慢了,進入cmd命令列介面,輸入npm install -g cnpm -registry=等待**映象安裝完成。

進入cmd命令列介面,輸入命令:cnpm install -g vue-cli,等待安裝完成。安裝成功後,在cmd命令列輸入命令vue,出現下圖,則證明安裝成功。如果沒有安裝**映象,也可以安裝腳手架工具,輸入以下命令即可:npm install --global vue-cli。

vue專案初始化命令如下,若沒有安裝webpack,則先安裝webpack:

npm install -g webpack

vue init webpack myvue,此處myvue是你想要新建的vue專案

小記:專案初始化這塊可能會報錯,如果不解決後續執行專案會繼續報錯的,報以下內容!!!

error code elifecycle

21 error errno 1

22 error [email protected] dev:webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

22 error exit status 1

23 error failed at the [email protected] dev script.

23 error this is probably not a problem with npm. there is likely additional logging output above.

24 verbose exit [ 1, true ]

建議:如果專案初始化這塊報錯了,可能是沒通過**映象安裝腳手架工具,我就是這樣,用**映象安裝之後,專案初始化正常。除此之外,可以再排查一下,如更新一下腳手架工具vue-cli:npm update vue-cli,然後檢視一下當前全域性vue-cli版本:npm view vue-cli。

恭喜,安裝好vue環境,初始化專案成功後,只剩最後一步了,把我們初始化後的專案跑起來。在初始化成功後,按照cmd命令列提示,進入我們的專案目錄下,如我的是cd myvue,npm run dev,好了之後是這樣:

vue環境搭建完畢,但是在npm run dev的時候,專案報錯:

webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

『webpack-dev-server』 不是內部或外部命令,也不是可執行的程式

或批處理檔案。

npm err! code elifecycle

npm err! errno 1

npm err! [email protected] dev:webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

npm err! exit status 1

npm err!

npm err! failed at the [email protected] dev script.

npm err! this is probably not a problem with npm. there is likely additional logging output above.

npm warn local package.json exists, but node_modules missing, did you mean to install?

vue的安裝及使用快速入門

1.安裝node.js 建議安裝穩定版本,安裝完成可以使用 node v命令來檢視有沒有安裝成功及版本號 2.如果安裝速度太慢,可以安裝 映象 npm install g cnpm registry 3.安裝vue cnpm install vue 4.全域性安裝腳手架 vue cli cnpm i...

vue入門安裝

node v來檢測是否安裝好。新版的一般自帶npm,使用 npm v來檢測是否安裝了npm 中國境內最好安裝 的映象 npm install cnpm gvue cli是官方提供的乙個腳手架,著實好用。ps 沒有安裝cnpm就把cnpm換成npm cnpm install global vue cl...

Vue的入門之安裝

vue.js是前端框架中比較熱門的,因為工作關係,也加入了浩浩蕩蕩的學習大潮中,用筆記記錄下點滴,便於後面學習查閱!1 node.js環境的安裝包 npm包管理器 2 vue cli 腳手架構建工具 3 cnpm npm的 映象 1安裝node.js node 環境已經安裝成功,npm包管理器也有了...