前提:已安裝nodejs——npm (備注教程 “物理安裝” )
第一步:建一個managerSys文件夾,用于保存項目
第二步:從cmd進入該文件夾,之后開始安裝vue.js相關
1)在該項目managerSys中安裝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模板 創(chuàng)建項目,(項目名叫“manager-sys”)注意項目名不能有大寫。 vue init webpack manager-sys
4)以上步驟進行后會出現(xiàn)‘git’下的項,如圖選擇配置即可
5)項目安裝依賴等,如上圖標注,順序輸入命令 (用cnpm命令更快一些)
????????? ① 進入項目 cd manager-sys
???????? ②安裝項目所需依賴 cnpm install 另
??????? ③ cnpm run dev 該命令用于 運行項目,(或瀏覽器輸入 localhost:8080 打開本地服務器實時查看效果)
以上,vue.js安裝成功!
ps: 1 ) 若運行后 / 瀏覽器打開之后,沒有加載出頁面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js 2 ) 退出監(jiān)聽命令是 ctrl+c ,選擇Y