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

前提:已安裝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

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容