十三绩鸣、vue-cli
vue-cli是一個類似maven的工具，可以構(gòu)建出vue的各種腳手架
1.使用vue-cli
要想使用vue-cli纱兑，想要安裝node.js呀闻，node.js是一個可以讓前端運行在node.js提供的服務(wù)器上的一個工具。
安裝后node.js之后潜慎，進行改源
npm i -g cnpm --registry=https://registry.npm.taobao.org
2.使用node.js安裝vue-cli
npm是node.js指令
cnpm是改源之后的捡多，指令
cnpm install vue-cli -g //-g代表全局安全 golabel
3.使用vue-cli
vue list //查看你vue-cli所有的腳手架
vue init webpack-simple myprojectname //創(chuàng)建一個webpack-simple腳手架的項目,名稱myprojectname，項目名稱中不能存在大寫
cd myprojectname //進入到項目里面
cnpm install // 安裝當(dāng)前項目所需要的依賴勘纯，類似于maven加入新的jar的定位局服，需要刷新一下，去下載對應(yīng)的jar
cnpm run dev //這樣項目就可以以開發(fā)者模式啟動起來的
4.webpack項目文件夾結(jié)構(gòu)
先從最外層走起（根目錄文件）：
\1.babelrc：作為項目babel的配置文件（Babel 是一個 JavaScript 編譯器驳遵，作為我們項目對js的編譯）淫奔，可以將我們項目es5以上的語法編譯成大多瀏覽器都支持的es5語法等功能，還可以在這里配置一些框架的按需加載（如element-ui）
\2. .editorconfig：項目中編輯代碼風(fēng)格
\3. .gitignore : 用于git的忽略文件配置（我們使用git提交的時候堤结，有些文件是不需要提交的唆迁，如node模塊的node_modules文件夾、打包成功的dist文件夾等）
\4. .postcssrc.js: 用于對style的less語法支持配置
\5. index.html: 項目的首頁竞穷，即我們編寫的代碼會通過這個文件顯示給瀏覽器
\6. package.json package-lock.json: 這個就不用多說了吧唐责，大家都懂是項目包的依賴文件
\7. README.md: 展現(xiàn)在GitHub上的描述文件
build文件夾
\1. build.js: 作為項目打包的時候（npm run build）的入口文件，通過這個js將整體項目打包
\2. check-versions.js：用于版本node和npm版本的檢測
\3. utils.js：用于項目中關(guān)于loader器的引用和項目title瘾带、icon等設(shè)置
\4. vue-loader.conf.js：因為項目是基于vue的鼠哥，所以，需要一個vue-loader來識別.vue后綴的文件看政，這個文件朴恳，就是vue-loader的配置文件
\5. webpack.base.conf.js：項目webpack的基礎(chǔ)配置文件
\6. webpack.dev.conf.js：開發(fā)環(huán)境下的webpack配置文件
\7. webpack.prod.conf.js：生產(chǎn)環(huán)境下的webpack配置文件
config文件夾
\1. dev.env.js、prod.env.js：用于配置項目的環(huán)境變量
\2. index.js：用于webpack的一些配置信息
node_modules文件夾
這個文件夾就不多說了允蚣，是項目包存儲的地方
src文件夾
這個文件夾內(nèi)于颖，就是我們真正項目代碼的存儲地址
\1. assets文件夾：這里放置項目的模塊靜態(tài)資源，如css嚷兔，js還有圖片森渐、字體
\2. components文件夾：使用vue的都知道，vue是模塊化的框架冒晰，我們將頁面中的元素分模塊編寫同衣，從而提高代碼修改的方便性以及重用的效率，這個文件夾內(nèi)就是我們項目的模塊存放地址
\3. router文件夾：vue-router讓我們能處理vue的路由壶运，從而更佳的使用component乳怎，這個文件夾內(nèi)就是個vue-router的配置文件
\4. APP.vue：作為項目的根組件，也就是我們直接吧這個組件裝到index.html中進行渲染
\5. main.js：作為webpack項目的入口文件，在這個文件夾內(nèi)蚪缀，我們是可以引用靜態(tài)資源以及對整體vue的配置
static文件夾
用于存放在整體項目的靜態(tài)資源，如圖片恕出，字體等
