搭建一個vue項目
剛開始作為新手，對於剛接觸vue的我也是一臉懵，因此寫下此篇搭建vue
1.第一步我們需要安裝node環境
1.我們可以先去下載安裝包，下載地址為：https://nodejs.org/en/ 或 https://nodejs.org/zh-cn
2.下載完成后直接打開，進行傻瓜式安裝即可。
雙擊直接進行下一步
下一步
一直點下一步，直到安裝成功，在此不再贅述。
3. 安裝成功之后，可以進行進行檢查，打開cmd，輸入node -v
4.node安裝同時會安裝npm，可以進行檢查，打開cmd，輸入npm -v
2.第二步我們需要搭建vue環境
1、全局安裝vue-cli腳手架，利用命令 npm install --global vue-cli
2.通過cd 命令進入你的項目目錄
3.新建vue項目，利用命令vue init webpack 項目名
注：Project name 輸入項目名稱
Project description 項目描述一般沒有的話直接回車
Author 作者
Vue build 打包方式，回車即可；
Install vue-router 是否要安裝 vue-router，項目中肯定要使用到 所以Y 回車；
Use ESLint to lint your code 是否需要 js 語法檢測 目前我們不需要 所以 n 回車；
Set up unit tests 是否安裝 單元測試工具 目前我們不需要 所以 n 回車；
Setup e2e tests with Nightwatch 是否需要 端到端測試工具 目前我們不需要 所以 n 回車；
4.新建成功，在你的項目目錄下就可以看到你的項目啦
注：項目目錄簡介
1、build：構建腳本目錄
1）build.js 生產環境構建腳本；
2）check-versions.js 檢查npm，node.js版本；
3）utils.js 構建相關工具方法；
4）vue-loader.conf.js 配置了css加載器以及編譯css之后自動添加前綴；
5）webpack.base.conf.js webpack基本配置；
6）webpack.dev.conf.js webpack開發環境配置；
7）webpack.prod.conf.js webpack生產環境配置；
2、config：項目配置
1）dev.env.js 開發環境變量；
2）index.js 項目配置文件；
3）prod.env.js 生產環境變量；
3、node_modules npm 加載的項目依賴模塊
4、src 這里是我們要開發的目錄，基本上要做的事情都在這個目錄里。里面包含了幾個目錄及文件：
1）assets：資源目錄，放置一些圖片或者公共js、公共css。這里的資源會被webpack構建；
2）components：組件目錄，我們寫的組件就放在這個目錄里面；
3）router：前端路由，我們需要配置的路由路徑寫在index.js里面；
4）App.vue：根組件；
5）main.js：入口js文件；
5、static：靜態資源目錄，如圖片、字體等。不會被webpack構建
6、index.html：首頁入口文件，可以添加一些 meta 信息等
7、package.json：npm包配置文件，定義了項目的npm腳本，依賴包等信息
8、README.md：項目的說明文檔，markdown 格式
9、.xxxx文件：這些是一些配置文件，包括語法配置，git配置等