Vue環境搭建以及誤區

最近在學習vue，先配置環境，具體步驟可以參考

一． node.js安裝

\1. brew link node

\2. brew uninstall node

\3. brew install node

\4. **映象npm install -g cnpm --registry=

二． 腳手架安裝

\1. cnpm install -g vue-cli

\2. vue init webpack sell建立webpack專案 sell為專案名

?*project name*haha 專案名

?*project description*?*author*hanyuan 作者

?*vue build*standalone 預設值

?*install vue-router?*yes 路由

?*use eslint to lint your code?*yes es6規則

?*pick an eslint preset*standard 預設值

?*set up unit tests*no 測試

?*setup e2e tests with nightwatch?*no 測試

?*should we runnpm installfor you after the project has been created? (recom*

*mended)*

yes, use npm

yes, use yarn 是否使用預設的npm

\1. ❯ no, i will handle that myself

cd haha 開啟專案

cnpm install 匯入架包 （node_modules）

執行 npm run dev

或者cnpm run dev

在瀏覽器中執行 http://localhost:8080

(這裡面的dev為 package.json中 scripts中專案執行路徑)

建立新專案目錄結構全解析（幫你更了解vue專案的結構）：

d:

cd d:\temp\elem

vue開發環境搭建以及專案建立

安裝步驟安裝即可沒有什麼難度。環境要借助於node，所以要先安裝node，借助於node裡面的npm來安裝需要的依賴等等。2.安裝npm 由於新版的nodejs已經整合了npm，所以之前npm也一併安裝好了。同樣可以使用cmd命令列輸入 npm v 來測試是否成功安裝。終端 控制台視窗中執行命令no...

vue環境搭建

1.安裝node.js 2.vue環境搭建要依賴node，借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用 npm映象安裝相關依賴 輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架，用於搭建所需的模板框架 1 輸入 cnpm ...

Vue環境搭建

第一步 開啟命令列，輸入 node v檢視版本號，如果顯示版本號則安裝成功。第二步，安裝 映象。第三步 安裝vue命令列工具 vue cli 在輸入 映象後輸入 全域性安裝 vue cli 前邊安裝了cnpm。可以用cnpm安裝vue cli了 cnpm install global vue cli...