vue腳手架的搭建
阿新 • • 發佈:2018-09-19
博客 項目搭建 reg zh-cn 搭建項目 gis ack 全局 fault
另一博客地址:https://segmentfault.com/a/1190000016451376
一、基礎的知識
1、html
2、js
3、css
二、搭建項目過程--windows系統
1、node.js環境--檢查是否已安裝node環境
node -v
如果沒有安裝的話,可以去node官網安裝。
2、安裝cnpm(可以選擇不安裝)[淘寶鏡像](http://npm.taobao.org/)
npm install -g cnpm --registry=https://registry.npm.taobao.org
此處有一個坑,和電腦有關。安裝完之後,通過以下命令行檢查
cnpm -v
如果可以輸出來版本號,就沒有問題。但是如果說cnpm不是內部命令,那你還要前去配置環境變量
3、全局安裝vue-cli
cnpm install -g -vue-cli
可以通過
vue -V
來檢查是否安裝成功
4、創建新的vue項目
vue init webpack xxx
進入到目錄文件夾後,輸入上述代碼,xxx代表你的vue項目文件名
圖片是我安裝的示例,後面的yes/no是推薦值
5、安裝成功後,可通過提示進入到項目中,並啟動該項目
6、啟動成功後,會有一個網址,在瀏覽器中打開,看到以下圖片的內容,說明項目搭建成功
vue腳手架的搭建