第一步：npm安裝
參考：使用**npm映象
$ npm install -g cnpm --registry=
這樣就可以使用cnpm 命令來安裝模組了：
第二步：安裝vue-cli
cnpm install vue-cli -g//全域性安裝 vue-cli
檢視vue-cli是否成功，不能檢查vue-cli,需要檢查vue
選定路徑，新建vue專案，在e盤直接shift右鍵開啟命令視窗輸入：vue init webpack 」專案名稱「
專案名為hznew 新建vue專案（注意專案名不能包含大寫字母）
vue init webpack 」專案名稱「
①、project name (myproject)；專案名稱（myproject）。（確定按enter，否按n）
②、 project description (a vue.js project)；專案描述（一vue.js專案）。（隨意輸入一段簡短介紹，用英文，不寫直接回車也行）
③、author (sunsanfeng)；作者（jvziking）。（確定按enter，否按n）
⑤、install vue-router? (y/n)；安裝的路由？（/ y）。（可安可不安，建議安裝，因為專案肯定能用上）
⑥、use eslint to lint your code? (y/n)；使用eslint語法？（y/ n）。（使用eslint語法，就要做好心理準備，除非你非常懂eslint語法，要不就會處處報錯，之前不明白的時候選擇過一次，總之很煩，若想要挑戰一下，下面這個**會給你幫助的： 建議n）
⑦、setup unit tests with karma + mocha? (y/n)；設定單元測試？（y / n）。（選n）
⑧、setup e2e tests with nightwatch? (y/n)；nightwatch建立端到端的測試？（y / n）。（選n）
⑨、should we run 'npm install' for you after the ogject has been created? ;(選擇yes，use npm)
輸入命令：cd hznew進入到專案檔案中
輸入命令：cnpm install初始化安裝依賴
輸入命令：npm run dev執行
選中http://localhost:8080,滑鼠右鍵複製，在瀏覽器開啟。看到歡迎頁面。
webstorm中執行vue專案。
開啟webstrom——>open——>選擇專案——>新視窗開啟。
webstorm快速啟動vue專案配置
1、點選右上角，新增npm配置
2、點選加號，選擇npm
3、命名並填寫執行命令
4、可以看到控制台出現執行
5、點選綠色按鈕，可以看到啟動了埠
6、在彈出的預設瀏覽器裡面，可以看到專案
參考：使用webstorm來建立並且執行vue專案詳細教程：
新建乙個vue專案
用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs。安裝完成後，開啟cmd。輸入 node v，出現類似v6.11.2這樣的版本號說明node安裝成功。輸入 npm v,出現類似 v3.10.10這樣的版本號說明npm安裝成...
vue新建乙個專案
全域性安裝vue腳手架工具vue cli npm install global vue cli cd 到想要建立專案的目錄下 vue init webpack 起的專案名稱 todolist 建立乙個基於webpack的模板新專案 專案初始化完成之後，進入該專案目錄，一般使用git bash直接進入...
vue如何新建乙個專案
身為入行未深的小白前端，不斷的學習是我們不可丟失的習慣。前端流行的框架也是層出不窮，vue在眾多框架中脫穎而出。今天花了兩個小時的時間自己走了一邊建立vue專案的流程，跟你們分享。1 開啟cmd命令列，首先安裝node 2 npm包管理器是整合在node中的，所以直接輸入npm v就能檢視到版本資訊...