1. 程式人生 > >vue腳手架的搭建

vue腳手架的搭建

博客 項目搭建 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腳手架的搭建