1. 程式人生 > >vue項目開發流程(一)

vue項目開發流程(一)

訪問 running you 命令 http nbsp div spa new

vue的環境配置好之後,讓項目運行起來,一般是localhost:8080,如果是移動端,想在手機上查看效果,可以用電腦ip連接訪問

1.打開控制臺查看本機ip,輸入命令:ipconfig

2.修改項目config文件夾下的index.js

host: ‘localhost‘

port: 8080,

這兩項修改,localhost替換為本機ip地址,端口隨意,最好不用8080

3.npm run dev 讓項目跑起來,運行成功就可以查看了

如: Your application is running here: http://192.168.1.110:8686

復制後面的地址在瀏覽器打開,發現後面多了http://192.168.1.110:8686/#/

4. 強迫癥表示很想去掉#/

打開src/router/index.js,加上mode: ‘history‘

export default new Router({
mode: ‘history‘, // 去掉地址欄後面的 #/ routes: [ { path:
‘/‘, name: ‘HelloWorld‘, component: HelloWorld } ] })

vue項目所需的基本配置就好了

vue項目開發流程(一)