vue專案學習 2019 5 6

2022-07-22 08:09:09 字數 702 閱讀 8104

一、安裝node.js。

1.安裝完成後,window+r開啟cmd,輸入node -v,顯示版本號,安裝成功。

2.node.js安裝完成後自動新增環境變數。

二、安裝腳手架

1.命令:npm install --global vue-cli

2.使用腳手架建立vue專案,命令:vue init webpack 專案名

3.cd進入專案中,npm run dev 命令啟動專案

三、vue專案目錄

1.build,專案構建用的

2.config,配置,如改埠

3.node_modules模組

4.src放開發的靜態資源

四、安裝路由

1.進入vue官網,生態系統-->核心外掛程式-->vue router,進入網頁(

2.點選安裝,找到npm安裝命令: npm install vue-router

五、引用

import vue from 'vue' :預設從模組裡找vue下的dist資料夾下vue.js

七、安裝vue component

1.idea開發軟體,點選file->settings->plugins

2.settings-->file types,選擇html,新增*.vue

安裝cnpm,輸入以下命令:

npm install -g cnpm --registry=

vue專案學習

1 什麼是.vue檔案?vue檔案,是乙個自定義的檔案型別,用類似於html的語法描述乙個vue元件。每個.vue檔案包含三種型別的頂級語言模組,這三個部分分別代表了html,js,css。其中和是支援用預編譯語言來寫的。我們的專案用了 less 預編譯,是這樣寫的 3 vue 解析 這裡就是乙個 ...

Vue學習 快速建立Vue專案

npm與cnpm cnpm是 團隊做的國內映象,因為npm的伺服器位於國外可能會影響安裝。映象與官方同步頻率目前為 10分鐘 一次以保證盡量與官方服務同步。npm install global vue cli cnpm install global vue cli 此命令只需要執行一次 vue in...

vue專案學習03

但是,我們的專案 還乙個都沒有看到。因此,這個章節,我們來認識一下所有的檔案。readme.md 專案說明文件 node modules 專案依賴包資料夾 build 編譯配置檔案,一般不用管 build.js check versions.js dev client.js dev server.j...