1.安裝配置環(huán)境:
開發(fā)環(huán)境搭建:http://blog.csdn.net/nero__a/article/details/62228646
1.1:安裝node ?
測試安裝成功: 輸入命令 node
? ? ? ? ? ? ? ? ? ? ? ? ? 輸入命令:console.log("Hello Node")
? ? ? ? ? ? ? ? 1.1.1設(shè)置npm默認安裝路徑:npm config set prefix "D:\Program ? ? ? ? ? ? ? Files\nodejs\X64\node_global"
? ? ? ? ? ? ? ? 1.1.2設(shè)置npm安裝程序時的緩存位置:npm config set cache "D:\Program Files\nodejs\X64\node_cache"
? ? ? ? ? ? ? ? ?1.1.3環(huán)境變量PATH中添加:D:\Program Files\nodejs\X64\node_global\node_modules
1.2創(chuàng)建vue項目
1.2.1打開命令行熔号,進入希望創(chuàng)建項目的路徑:執(zhí)行命令:vue init webpack vue_test? //vue_test項目名
1.2.2一次執(zhí)行命令: 進入項目路徑稽鞭,npm 安裝項目需要的依賴,運行項目
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?cd vue_test
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?npm install
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?npm run dev
1.3安裝webstorm
1.3.1在webstorm中打開vue項目
1.3.2設(shè)置快速啟動引镊,添加node.js配置: