【vue】vue.js安裝教程/vue項目搭建

前提：已安裝nodejs——npm  （備註教程  「物理安裝」  ）

第一步：建了一個managerSys文件夾，用於保存項目

第二步：從cmd進入該文件夾，以後開始安裝vue.js相關

1）在該項目managerSys中安裝npm（基於node.js,利用淘寶npm鏡像安裝相關依賴）

     接上步輸入命令：    npm install -g cnpm --registry=https://registry.npm.taobao.org

2）安裝全局vue-cli腳手架（用於幫助搭建所需的模板框架，可參照vue官網安裝）

     cnpm install --global vue-cli

     備註：安裝後，檢查是否安裝成功 。vue -V (在此注意V爲大寫)

3）webpack模板 建立項目，（項目名叫「manager-sys」）注意項目名不能有大寫。

     vue init webpack manager-sys

4）以上步驟進行後會出現‘git’下的項，如圖選擇配置便可

    

5）項目安裝依賴等，如上圖標註，順序輸入命令 （用cnpm命令更快一些）

     ① 進入項目

         cd manager-sys

     ②安裝項目所需依賴

        cnpm install

 

另 ③ cnpm  run dev  該命令用於  運行項目，（或瀏覽器輸入 localhost:8080   打開本地服務器實時查看效果）

以上，vue.js安裝成功！

 

ps:

1 ) 若運行後 / 瀏覽器打開以後，沒有加載出頁面，有多是本地的 8080 端口被佔用，須要修改一下配置文件 config>index.js

 

2 ) 退出監聽命令是 ctrl+c ,選擇Y