1、因為之前已經安裝過node.js和git,所以直接用npm
2、吶吶吶npm速度慢是一定的了,所以用**映象,將npm->cnpm
這裡寫**片
3、開啟cmd,進入想要建立專案的目錄下,輸入:
vue init webpack projectname
4、安裝提示選擇
此時專案根目錄project name:——專案名稱
project description:——專案描述
author:——作者
vue build:——構建模式,一般預設選擇第一種
install vue-router
?:——是否安裝引入vue-router,這裡選是,vue-router是路由元件,後面構建專案會用到
use eslint to lint your code?:——這裡強烈建議選no 否則你會非常痛苦,eslint的格式驗證非常嚴格,多乙個空格少乙個空格都會報錯,所以對於新手來說,一般不建議開啟,會加大開發難度
setup unit tests with karma + mocha 以及setup e2e tests with nightwatch這兩個是測試,可以不用安裝
5、安裝依賴
npm install
安裝依賴後的專案根目錄
6、開啟cmd,進入到專案所在目錄下,輸入
npm run dev
回車,啟動專案
看到開啟瀏覽器即可看到vue歡迎介面!
vue cli搭建專案
一 安裝node 不做詳述 我的node安裝位置d program files 安裝檔案包名是nodejs 即 d program files nodejs 如果是直接在d盤的node資料夾 那就是d node 配置環境變數 我的電腦 計算機右鍵 高階系統設定 環境變數 系統變數中 path 追加 ...
vue cli搭建專案
配置npm的映象源 npm config set registry也可以使用cnpm npm install g cnpm registry 全域性安裝vue cli npm install g vue cli 建立乙個資料夾 md vue test 進入資料夾建立vue cli專案 vue ini...
vue cli 搭建vue專案
安裝完成後,開啟命令列工具輸入命令node v,如果出現對應版本號,就說明安裝成功了。npm包管理器,是整合在node中的,所以,直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆,為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...