使用vue開發乙個專案（一）

在學習了vue基礎之後，為了能夠在vue開發專案上有乙個真正的提公升，所以打算用vue來做乙個完整的專案，將其記錄下來

首先建立乙個工程資料夾，在這個資料夾下開啟命令列工具，在命令列中敲入以下命令安裝上vue的腳手架：

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

vue init webpack vuetest  //建立乙個基於webpack的名叫vuetest的vue工程

npm run lint -- --fix好像是**檢查的命令（不是很確定）

在webstorm開啟新建的工程目錄，在這個工程目錄下新建乙個node_modules目錄，將這個目錄退出依賴，不然webstorm會卡

cd vuetest //進入工程目錄

cnpm install  //安裝vue

cnpm run dev  //執行這個工程

出現了以上的結果，說明現在可以通過localhost:8080訪問這個網頁

export default 輸入當前例項

上面的是工程目錄：

build， config是webpack的配置檔案

node_modules 是

src是開發原始碼的目錄

.babelrc是

.editorconfig是對編譯器的配置

.eslingnore是忽視eslint軟體檢測

.enslint.js

.gitignore忽視一些目錄，讓一些檔案不能上傳

.postcssrc.js  中有乙個autoprefixer是做自動相容的，將css3的**轉成相容好的**

package.json是

使用vue cli搭建乙個vue專案

npm i vue vue cli g2.開始搭建，並使用webpack進行管理vue init webpack projectname 開始搭建 在搭建的過程中，它會詢問以下問題 project name projectname 專案名是否為projectnam project descripti...

使用Vue建立乙個新專案

保證已經安裝好了node npm vue等工具，將路徑設定為想要建立新專案的資料夾路徑 2 關於npm與cnpm npm包管理器，是整合在node中的，node環境安裝完成，npm包管理器也有了。由於有些npm有些資源被遮蔽或者是國外資源的原因，經常會導致後面用npm安裝依賴包的時候失敗，所有我還需...

新建乙個vue專案

用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs。安裝完成後，開啟cmd。輸入 node v，出現類似v6.11.2這樣的版本號說明node安裝成功。輸入 npm v,出現類似 v3.10.10這樣的版本號說明npm安裝成...