在mac系統(tǒng)上,我們可以通過(guò)以下方法運(yùn)行vue:
npm install -g vue-cli vue init webpack my-project cd my-project npm install npm run dev
以上代碼為安裝vue-cli、新建一個(gè)webpack模板的項(xiàng)目、進(jìn)入項(xiàng)目路徑、安裝項(xiàng)目所需依賴(lài)、運(yùn)行項(xiàng)目的步驟。在這里我們需要確保本地已經(jīng)安裝了node和npm。
在進(jìn)行完上述操作后,我們就可以通過(guò)http://localhost:8080訪問(wèn)我們的vue項(xiàng)目了。還可以通過(guò)編輯../src/App.vue文件實(shí)現(xiàn)頁(yè)面的修改。
此外,在開(kāi)發(fā)vue項(xiàng)目時(shí),你可能還需要引入一些其他的依賴(lài)包,如axios、element-ui等。在使用這些包之前,需要先使用npm install命令進(jìn)行安裝。安裝完畢后,在main.js中引入依賴(lài)即可。
import axios from 'axios'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.prototype.$http = axios; Vue.use(ElementUI);
最后,我們需要注意的是,在發(fā)布項(xiàng)目時(shí),需要先使用npm run build命令進(jìn)行打包,打包完成后將生成的dist文件夾放到服務(wù)器上即可。