vue項目的運行流程

一   安裝node環境:

1. vue運行是基於node環境的,構建vue框架之前,需要確保node環境安裝成功;

1.1 可以node.js官網,下載解壓以后安裝;

1.2 國內安裝可能比較慢,因此,推薦使用淘寶鏡像,淘寶的cnpm命令管理工具可以代替默認的npm管理工具；

$ npm install -g cnpm --registry=https://registry.npm.taobao.org
        

2 安裝好以后,打開命令框,輸入"node -v" 查看環境是否安裝成功;

node -v

node -v以后顯示了版本號,則安裝成功

二   安裝vue-cli

1 安裝完npm鏡像后，開始安裝全局vue-cli腳手架，之所以要用vue-cli，是應為這個工具能幫我們搭建好我們需要的模板框架，比較簡單。方法：cnpm install -g vue-cli,回車

cnpm install -g vue-cli,

 2 安裝好以后,命令框npm -v ,檢測是否安裝成功

npm -v

顯示了版本號,則安裝成功

三  創建項目

1 創建項目

進入你要存放項目的文件夾,命令框輸入一下命令

vue init webpack myvuepro

其中: init表示初始化;webpack:安裝包;myvuepro表示要創建項目的文件夾名字

意思是初始化一個名為myvuepro的項目

安裝完以后,由於個文件是需要相互依賴的,一般需要安裝依賴文件

1)進入項目文件夾

cd myvuepro (項目名)
2)輸入

npm install

四  運行項目

進入項目目錄,命令框輸入命令: 

npm run dev

這樣項目就能運行了