vue cli 專案搭建

1、因為之前已經安裝過node.js和git，所以直接用npm

2、吶吶吶npm速度慢是一定的了，所以用**映象，將npm->cnpm

這裡寫**片

vue init webpack projectname

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