Vue建立專案

最近接觸了下前端vue開發，記錄下一些基本操作，如何建立乙個vue專案。

環境需要：

webstorm (編譯器 根據個人習慣選擇)

首先安裝node js，需要配置環境變數，比較簡單就不多說了；安裝完成後輸入node -v 驗證是否配置成功；

接著輸入npm install npm -g 安裝包管理器

npm install npm -g

下面接著通過npm 安裝 vue 相關工具，安裝打包工具 webpack

npm install webpack -g

npm install vue-cli -g

npm install -g cnpm --registry=

vue init webpack films_h5_vue

耐心等待初始化的過程，完成之後沒有報錯就可以用 webstorm 開啟了，開啟專案後並不能直接執行，在webstorm的命令列中輸入 npm install 安裝所需依賴包

執行完成之後 即可單擊 run 執行專案，執行起來之後訪問 http://localhost:8080 出現vue主頁即可。

vue 建立vue專案

在程式開發中，有三種方式建立vue專案，本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用，大大方便了開發步驟，使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...

建立vue專案

總結官方的建立vue專案 1.安裝vue.js執行環境nodejs，可用 映象安裝，會比較快，建議安裝c盤，安裝成全域性的。命令是 npm install g cnpm registry 2.檢視安裝的版本，命令是 cnpm v3.安裝全域性腳手架，命令是 cnpm install g vue cl...

建立vue專案

1.按 windous鍵 r 輸入 cmd 開啟黑框框 2.檢查是否安裝npm，執行如下 npm v如果顯示的是版本號，則已經安裝，執行第三步 如果沒有顯示版本號，則需安裝npm npm install npm build npm run dev3.檢查是否安裝vue cli3，執行如下 npm v...