一刽肠、首先我們要安裝node.js
???????????沒安裝的童鞋們可以在這個鏈接中下載安裝???https://nodejs.org/en/download/
??????????安裝完node.js,打開命令板争涌,輸入node -v命令粉楚,查看node.js的版本.
??????????但是npm在國內(nèi)運行速度是比較慢的,所以我們可以下載鏡像(cnpm):
???????????????直接輸入指令:cnpm install -g cnpm --registry=https://registry.npm.taobao.org安裝
二亮垫、我們要全局安裝vue-cli(初始化腳手架)
???????????輸入指令 :cnpm install -g??vue-cli
???????????如果不小心輸錯指令模软,我們可以輸入指令cnpm cache clean 清除緩存,重新下載
三饮潦、接下來我們就要生成腳手架啦
???????????首先你要在命令板找到你創(chuàng)建項目的位置燃异,然后再當前目錄位置輸入指令:vue init webpack Vue-Project
(Vue-Project是你創(chuàng)建項目的名稱)
???????????此時我們就完成構建腳手架了。
四继蜡、在我們運行項目之前回俐,最好得安裝一下依賴。
??????????在項目根目錄下打開命令板稀并,輸入指令:cnpm install
??????????完事后仅颇,輸入指令:npm run dev???讓項目運行起來吧
五、腳手架創(chuàng)建完成了碘举,那么如果我們需要用到bootstrap插件時忘瓦,我們該怎么引用呢?
???????????首先我們得下載jquery插件引颈。在命令板中找到項目根目錄耕皮,輸入指令:cnpm install jquery --save
???????????下載完成后,我們可以在項目中的package.json文件中查看dependencies中有沒有jquery的插件版本蝙场,如果有凌停,那咱們就可以放心使用了
???????????然后再輸入指令:cnpm install bootstrap --save
???????????還是像剛才一樣查看版本
???????????最后我們在項目里的main.js中引入插件就完成了.