在cmd操做以下:
node -v
npm -vhtml
因爲有些npm有些資源被屏蔽或者是國外資源的緣由,常常會致使用npm安裝依賴包的時候失敗,全部我還須要npm的國內鏡像---cnpm
cnpm -v 報錯,cnpm不是內部指令。解決辦法以下:
安裝cnpm
https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html前端
完成以後,咱們就能夠用cnpm代替npm來安裝依賴包了。vue
安裝vue-cli腳手架構建工具
cnpm install -g vue-clinode
安裝webpack
cnpm install webpack -gwebpack
進入別人的(或網上下載的)vue項目。注意:首先要刪掉別人vue項目裏面的node_modules,否則會安裝報錯!web
安裝項目所需的依賴:
cnpm installvue-cli
好了,vue項目所須要的環境和依賴都裝好了。
一切準備就緒,啓動項目
cnpm run devshell
好,恭喜:報錯了:node_env不是內部或外部指令.......
百度緣由是:windows 執行 前端node 項目的兼容性問題,windows不支持NODE_ENV=development的設置方式,這種操做在powershell中不被支持,在cmd中也不被支持,這是Mac中bash或Linux的shell中的獨特操做。npm
解決辦法:安裝across-env解決跨平臺問題
cnpm install cross-env –-save-dev
https://www.cnblogs.com/zhishaofei/p/8441032.htmljson
修改阿里項目裏的package.json文件:
一、在全部NODE_ENV前面加上cross-env(注意兩者之間留空格)。
二、阿里這個項目默認啓動運行ip是0.0.0.0,要改爲本身電腦的ip,不然打不開。(我電腦本地IP是192.168.0.120)
修改好了,再從新試下:Let's Go 啓動
D:\ali\cnpm run dev
在瀏覽器輸入給出的訪問連接地址:http://192.168.0.120:3000/
ok完美,花了將近2個小時終於把阿里的短視頻上傳vue版demo跑起來了,之前我主要是搞後端和接口方面,看來我也能夠轉轉前端了。走起。。。。。。
多會一項新技術就比別人多一個競爭利器,多一條路。