前端開發(fā)工具選擇：Visual Studio Code缤削；? ?
期待：
? ? ? ? ? ? 不求精深典鸡，但求博大；
? ? ? ? ? ? 初步掌握vue開發(fā)吁断；了解vue的特性；
梳理：
小白問題整理及解答：
（1）node.js 坞生，npm仔役，vue.js 之間有什么關(guān)系或聯(lián)系？
答： npm install是幫助安裝 vue到本地是己，npm install也可以安裝vue的開發(fā)工具又兵。也可以像jQuery一樣自己找網(wǎng)站下載下來，在頁面中引入卒废。沒有npm可以使用vue沛厨，vue只是一個前端框架。node.js是js的服務(wù)執(zhí)行環(huán)境摔认，前端常常借助 node幫助前端實現(xiàn)工程化逆皮。很多工具是基于node的，比如說webpack,grunt参袱。
（2）webpack,grunt是做什么的电谣？
答：webpack,grunt是前端工程化的工具秽梅，可以幫助前端完成混淆壓縮，校驗等工作剿牺。
搭建vscode+vue環(huán)境：
（1）安裝node.js
? ? ? ? 官網(wǎng)下載企垦，直接下一步安裝就好；
? ? ? ? 檢驗是否安裝成功：
? ? ? ? ? ? ? ? 1.win+R -> cmd
? ? ? ? ? ? ? ? 2.輸入命令"node -v"
? ? ? ? ? ? ? ? 3.返回版本號即安裝成功晒来；
（2）安裝cnmp
cmd內(nèi)輸入 "npm install -g cnpm –registry=http://registry.npm.taobao.org"
-----------------------------------------------------------------------------------------------------------------------------------
PS:遇到異常
npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
解決辦法：
npm版本降級钞诡；
1.cmd 輸入 "npm -v" 查看當(dāng)前 npm版本；
2.cmd 輸入"npm install npm@4.6.1 -g"? 安裝4.6.1版本湃崩；
3.執(zhí)行步驟1荧降，查看是否安裝成功，安裝成功返回npm版本號為4.6.1
4.cmd 輸入 "npm install -g cnpm –registry=http://registry.npm.taobao.org"
-----------------------------------------------------------------------------------------------------------------------------------
cmd 輸入 "cnpm -v"? 檢驗是否安裝成功攒读；
【返回下面提示誊抛，安裝成功】
cnpm@6.0.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)
npm@6.4.1 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)
node@8.12.0 (C:\Program Files\nodejs\node.exe)
npminstall@3.12.0 (C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\lib\index.js)
prefix=C:\Users\Administrator\AppData\Roaming\npm
win32 x64 10.0.17134
registry=https://registry.npm.taobao.org
-----------------------------------------------------------------------------------------------------------------------------------
3.安裝vue-cli
cmd 輸入 "cnpm install -g? vue-cli" 安裝 vue-cli ；
cmd 輸入 vue 檢驗安裝是否成功整陌；
【返回下面提示，安裝成功】
Usage: vue <command> [options]
Options:
? -V, --version? output the version number
? -h, --help? ? output usage information
Commands:
? init? ? ? ? ? generate a new project from a template
? list? ? ? ? ? list available official templates
? build? ? ? ? ? prototype a new project
? create? ? ? ? (for v3 warning only)
? help [cmd]? ? display help for [cmd]
-----------------------------------------------------------------------------------------------------------------------------------
安裝vue-cli的目的：vue-cli 能幫我們搭建好我們需要的模板框架(可以理解為各種文件模板)瞎领；
4.創(chuàng)建項目
在 cmd? 選擇自己要創(chuàng)建工程的目錄泌辫，然后 輸入"vue init webpack （項目包名）";
下面會有以下提示：
? Project name my_first_vue_project? ? ? ? ? ? ? ? ? ? ? ? //工程名
? Project description this is my first vue project.? ? ? ? //工程描述
? Author liuxiaochuan? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //作者
? Vue build standalone? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
? Install vue-router? Yes? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //安裝路由
? Use ESLint to lint your code? No? ? ? ? ? ? ? ? ? ? ? ? ? ? //ESLint 語法規(guī)則約束
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
5.依賴
cmd 進入 項目文件夾所在路徑
"cnpm install"
6.運行
cmd 進入 項目文件夾所在路徑
"cnpm run dev"
