Vue cli的安裝步驟親測

2021-08-28 02:13:11 字數 1021 閱讀 7337

安裝步驟:

前提條件:node在4.以上,npm在3以上

1、cmd開啟命令列視窗

2、輸入npm install -g vue-cli(推薦使用**映象安裝輸入cnpm install -g vue-cli),然後回車等待(想在哪個目錄建立vue專案就要在進入到對應目錄再輸入命令)

3、安裝結束後輸入vue 如果顯示版本號繼續下一步操作

4、執行vue init webpack demo(注:專案名稱)回車

5、顯示project nanme 目錄名 回車 project description 後面可以寫上描述,或者直接回車

author 後面可以寫作者也可以回車

6、install vue-router? 選擇y

7、user eslint to lint your code?(**規範) 選y

8、setup unit tests with karma + mocha? 問的是否要測試 選n

9、setup e2e tests with nightwatch? (包比較大不建議選yes)選n

10、這個時候在你建立的目錄下就有你的目錄了,然後cd 你的目錄名進去cnpm install回車等待,這一步是安裝依賴的,安裝完成後會在專案資料夾下自動生成node-module檔案來存放安裝的依賴檔案,如果這個資料夾沒有那麼專案是沒辦法跑

起來的11、建立結束後在建立目錄裡面按住shift+右鍵 選擇 在此處開啟命令視窗 輸入npm run dev啟動應用,啟動成功它會自動開啟乙個vue頁面

12、每次這樣啟動是很麻煩的,用開發工具載入整個專案,裡面有個package.json,它我整個專案的配置和資訊的描述,裡面有個scripts,這是定義的一些指令碼,剛才用的就是裡面的dev,它會執行後面的東西,就是用node跑乙個json檔案

13、在專案中,右擊package.json選擇show npm scripts,顯示npm後,雙擊命令即可

main.js的介紹

el是掛載點,router是路由

Linux安裝redis步驟(親測好用)

redis是 c語言開發,建議在 linux 上執行,本教程使用 centos6.4 作為安裝環境。gcc環境,如果沒有 gcc環境,需要安裝 gcc yum install gcc c 版本說明 本教程使用redis3.0版本。3.0版本主要增加了 redis 集群功能。將redis 3.0.0....

vsftpd安裝 親測

檢視是否安裝了 vsftpd rpm qa grep vsftpd yum y install vsftpd 3.設定為開機自啟動 systemctl enable vsftpd 3.為確保成功,先啟動firewalld 服務 systemctl enable firewalld systemctl...

vue cli安裝步驟

安裝vue cli 使用node自帶的npm命令 npm install vue cli g 上面步驟安裝完後,就可以利用vue cli初始化vue專案 在你想要安裝專案的而目錄下輸入vue init webpack projectname projectname是你專案的名稱 project na...