搭建node.js環境:
官網下載https://nodejs.org/zh-cn/
安裝成功后:鍵盤win+r cmd
node -v 版本號,安裝成功,npm -v 顯示版本信息
管理員方式運行cmd安裝cnpm:
npm install -g cnpm --registry=http://registry.npm.taobao.org
cmd安裝vue-cli腳手架構建工具:
cnpm install -g vue-cli
補充操作:
vue --version 查看版本
npm uninstall vue-cli -g 卸載腳手架版本
npm install -g @vue/cli 下載新版本
npm install @vue/cli-init -g下載低版本,模板可以用下邊版本
安裝 webpack打包工具g代表全局應用:
npm install webpack3.6.0 -g
構建運行項目 :
進入項目目錄cmd,回車
vue init webpack frontend 回車,(這里命令的意思是初始化一個項目,項目名稱是frontend,其中webpack是構建工具, 也就是整個項目時基於webpack的)
cnpm install 回車,安裝的依賴資源
npm run dev 回車,出現這種說明是新項目,npm run dev 啟動的是老項目
npm run serve 回車,啟動成功