一、安裝npm(安裝node自帶npm),npm安裝成功測試html
二、安裝cnpm,也能夠裝nvm-windowsvue
步驟1,打開user/admin/.npmrc,輸入,也能夠用命令node
步驟2,輸入npm install -g cnpm --registry=https://registry.npm.taobao.orgwebpack
步驟3,把安裝cnpm路徑(存在cnpm.cmd)放到PATH環境裏,就能夠了。nginx
安裝成功測試web
三、在當前本身的項目,裝vue架手架,在cmd輸入cnpm install -g vue-clivue-cli
四、在當前本身的項目,安裝webpack,命令vue init webpack my-projectnpm
五、安裝Vue 依賴,cnpm installwindows
完成安裝,運行,npm run dev,自動打開,端口8080後端
部署到後端(和後端放一塊兒,能夠選擇nginx,先後端分離,能夠選擇跨域訪問接口,訪問後端。)
而後,配置nginx監聽80端口, location/webapp,alias 到 /webapp,重啓nginx
location /static {
alias /webapp;
}
瀏覽器訪問http://xxxxxxxx/index.html便可