vue環境搭建以及在vscode中建立專案

2021-10-05 08:32:18 字數 1283 閱讀 8981

網上的教程層次不齊,有些確實不太好,我這裡也是踩了很多坑,這裡推薦這個搭建方法vue全域性搭建,這個相對於其他的直接用npm裝有個好處是用到了**源,並且避免了由於cache引發的一些問題,並且環境變數的設定會讓npm更容易操控,一般的方法裡雖然設了**源但是並沒有用到cnpm這個命令,因此安裝webpack 以及express時經常會出現各種問題,大概意思就是超時連線不上的問題,因此推薦這個方法。

這個我看過很多的方法大多都會出現一些問題,造成如以下的這種問題

ps d:\vscode\vuetest> cd vue_first

ps d:\vscode\vuetest\vue_first> npm run dev

> [email protected] dev d:\vscode\vuetest\vue_first

> 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?

npm err! a complete log of this run can be found in:

就讓人很難受,因此我推薦乙個方法,建立vue專案這個方法更加普遍,但是也有缺點,我們需要在最後一步npm run dev之前在vscode的終端輸入以下兩個指令

cnpm install

npm run build

這兩個操作會讓以上的問題得到解決,然後就可以快樂的執行!

Vue環境搭建以及誤區

最近在學習vue,先配置環境,具體步驟可以參考 一 node.js安裝 1.brew link node 2.brew uninstall node 3.brew install node 4.映象npm install g cnpm registry 二 腳手架安裝 1.cnpm install ...

Linux下go語言環境搭建和VScode安裝配置

由於本人是在centos在配置的,因此可能會和其他作業系統有所區別,適用即取 環境配置 有了上面的路徑,就開始配置環境了。首先 sudo vim etc profile然後在開啟的檔案末尾新增 export goroot home username desktop go export gobin h...

vue開發環境搭建以及專案建立

安裝步驟安裝即可沒有什麼難度。環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。2.安裝npm 由於新版的nodejs已經整合了npm,所以之前npm也一併安裝好了。同樣可以使用cmd命令列輸入 npm v 來測試是否成功安裝。終端 控制台視窗中執行命令no...