第乙個vue執行

1，**

我剛入手，所以直接在網上d的模板，用的element，

**倉庫：

2，vue搭建環境

vue需要nodejs支援，需要用到npm（npm的作用就是對node.js依賴的包進行管理）。

新版本安裝的時候，nodejs會將其一起安裝上。

一般用lts，穩定版本

2)安裝完以後可以嘗試用命令裝x一下。

測試下版本：node -v 回車，npm -v 回車

3)npm安裝依賴包，用**npm映象比較快。

命令如下：npm install -g cnpm --registry=

安裝完以後再測一下版本，cnpm -v回車

4)安裝vue-cli。

vue-cli是一種全域性腳手架用於幫助搭建所需的模板框架，同理在cmd中輸入命令:npm install -g vue-cli。在這一段**中-g是為了全域性使用的意思。與cnpm樣，安裝完成後會顯示一長串的檔案，輸入 vue -v可以檢視vue版本。此時，環境已經基本搭建成功。

3，**配置

我直接放到個人的資料夾下了，然後cd執行，接下來直接npm run dev報錯了，原因是沒引用依賴包，需要提前安裝一下。

直接輸入：npm install，然後等待安裝。

之後剛才解壓的資料夾下會出現 node_modules 資料夾，是命令安裝的依賴項。

然後輸入 npm run dev 執行程式。

等出現如上提示，則直接在瀏覽器輸入 http://localhost:8080 即可開啟站點。

後續：關於vue站點的發布，

在壓縮包的目錄下，用命令 npm run build 即可，會在目錄裡面生成dist檔案，直接到iis、tomcat等發布即可。注意，直接開啟會報錯，因為index.html裡面的js引用的路徑問題。