建立vue專案

一、準備工作

1.安裝 node.js

這個方面的部落格還沒寫，這個隨便隨便找個部落格看吧

二vue的建立

1.檢查是否有node.js

2.建立乙個儲存vue專案的資料夾

3.在資料夾路徑上輸入cmd，進入命令

4.** npm 映象

npm

install  -g  cnpm  --registry=

cnpm install vue-cli -g      //全域性安裝 vue-cli

6.檢視vue是否安裝好，出現版本號即安裝成功

vue -v

7.更新npm至最新版本：

cnpm -g install

npm

vue init  webpack +專案名稱

1.project name (專案名稱)； 按enter

2.project description (a vue.js project)；專案描述 按enter

3.author 作者； 輸入名字，按enter

4.vue build (use arrow keys) runtime + compiler: recommended for most users； 執行加編譯，就選它 按enter runtime-only: about 6kb lighter min+gzip, but

templates (or any vue-specifichtml) are only allowed in .vue files -

render functions are required elsewhere；僅執行時，就選擇第乙個了

5.install vue-router? (y/n)；安裝的路由？ 肯定用上 輸入y，按enter

6.use eslint to lint your code? (y/n)；使用eslint語法？ 這時為了多人協作，新手就不用了 輸入n，按enter

7.setup unit tests with karma + mocha? (y/n)；是否安裝單元測試？輸入n，按enter

8.setup e2e tests with nightwatch? (y/n)；是否安裝e2e測試？ 輸入n，按enter

9.should we runnpm installfor you after the project has been created? (recommended) (use arrow keys)

yes, use npm

yes, use

yarn no, i will handle that myself

選第乙個 yes, use npm 按enter

cd 專案名稱

cnpm install

npm run dev

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...