vue新手教程

2021-09-24 14:43:56 字數 1457 閱讀 1524

看到沒,可以node回車之後,可以像chrome的console面板一樣去執行命令。

2、安裝**映象

node安裝完畢,自帶npm(npm是隨同nodejs一起安裝的包管理工具,能解決nodejs**部署上的很多問題),

但是,你身處「**」,要載入國外的包,那是要慢成狗,所以這裡推薦安裝**映象(安裝完後npm 都可以用cnpm代替了),命令如下

npm install -g cnpm --registry=

3、安裝vue腳手架vue-cli

到這裡你就可以安裝腳手架準備初始化乙個專案了,腳手架的安裝很簡單

cnpm install vue-cli -g

這裡的 -g 是全域性安裝

4、專案初始化

注意接下來你將看到自己的真正的專案了,先cd到你的專案目錄這裡假設你的目錄是

d:workspace/

然後執行

vue init webpack myproject

這裡的myproject是你的專案名字,隨便叫啥,當然也可以用簡裝版

vue init webpack-****** myproject

回車後會看到這些

很簡單,不懂啥意思的話就查詞典去,就是一些專案名稱,描述,作者之類的,你可以修改也可以直接回車忽略,

然後下面那個框就要選擇了,是否要安裝vue-router(vue全家桶中的路由模組),一般是需要的,所以輸入y,

在下面的就是一些**檢查,測試什麼的,我都是選擇no,因為麻煩。ok繼續回車看到如下

專案初始化成功了

5、執行專案

按照上面那個紅色框的提示,先cd到你的專案目錄,這裡是test ,也就是

cd test

進來後安裝依賴,執行(下面我們用到cnpm了哦,因為快)

醬紫就安裝完畢了,接下來就是見證奇蹟的時刻,執行命令,開始執行你的專案

完成,瀏覽器自動開啟了你這個路徑

恭喜你,你的demo就這樣完成了

Vue新手教程 2 將vue專案發布到生產環境

1.編譯vue專案 操作命令 npm run build 編譯成功後會自動生成dist目錄 包括了static子目錄以及index.html檔案 2.安裝web伺服器tomcat 3.將編譯後的檔案放到tomcat伺服器 部署完成,啟動 tomcat,瀏覽器中輸入http localhost 808...

PostgreSQL新手教程

自從mysql被oracle收購以後,postgresql逐漸成為開源關係型資料庫的首選。本文介紹postgresql的安裝和基本用法,供初次使用者上手。以下內容基於debian作業系統,其他作業系統實在沒有精力兼顧,但是大部分內容應該普遍適用。1首先,安裝postgresql客戶端。sudo ap...

git新手教程

1.我們可以在本地新建乙個資料夾,命名為gitstart,然後從windows命令列下進入該資料夾,然後輸入gitinit初始化乙個倉庫 這樣我們,就新建了乙個本地倉庫。2.在該資料夾下新建乙個txt檔案,命名為text.txt。在命令列下輸入git status,將會看到 輸入git add te...