vue cli搭建vue專案

vue-cli搭建vue專案：

進入要搭建的檔案目錄下輸入命令開始安裝 ， 網速好，可以用npm 網速差的用**映象cnpm; -g是全域性安裝

d:\vuedemo cnpm install vue-cli -g

2.檢視是否安裝成功命令 vue -v 注：後面的v 是大寫的 ，會出現版本號說明安裝成功

d:\vuedemo vue -v

d:\vuedemo vue init webpack projectdemo

? project name demo                          //

專案名稱
? project description this is demo        //
專案描述
? author ananiha                               //
作者    
//然後回車
? install vue-router? y                        //
y   安裝路由
? use eslint to lint your code? n        //
n? set up unit tests no                       //
n? setup e2e tests with nightwatch? n             //
n ? should we run `npm install` for
you after the project has been cr
? should we run `npm install` for
you after the project has been cr
? should we run `npm install` for
you after the project has been cr
mended) (use arrow keys)
yes, use npm
>yes, use yarn
no, i will handle that myself
//回車 
//根據以上提示輸入  
cd demo                 //
進入目錄
cnmp install
//提示會少這一命令 如果根據提示啟動失敗加這一句
npm run dev           //
啟動 會自己跳轉瀏覽器

成功cmd變化如下

瀏覽器會出現 下圖 說明搭建成功 

vue cli 搭建vue專案

安裝完成後，開啟命令列工具輸入命令node v，如果出現對應版本號，就說明安裝成功了。npm包管理器，是整合在node中的，所以，直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆，為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...

vue cli搭建vue專案

生成依賴 命令 npm install 4.執行命令 npm run dev 5專案打包命令 npm run build 檢測node版本 node v 檢視npm安裝 npm v 解除安裝vue cli2 npm uninstall vue cli g 安裝vue cli3 npm install...

vue cli 搭建vue專案

前提搭建好nodejs環境 vue cli是vue.js的腳手架，用於自動生成vue.js webpack的專案模板，建立命令如下 vue init webpack 注1 為自己建立專案的名稱 注2 必須先安裝vue,vue cli，webpack，node等一些必要的環境 命令 npm insta...