公眾號：代碼集中營
每周分享技術(shù)文章吴藻、優(yōu)質(zhì)軟件資源
第一步：安裝node.js 下載鏈接
node簡介
Node.js是一個(gè)Javascript運(yùn)行環(huán)境。實(shí)際上它是對Chrome V8引擎進(jìn)行了封裝腺律。Node 是一個(gè)服務(wù)器端 JavaScript 解釋器五鲫，他會改變服務(wù)器應(yīng)該如何工作的概念展父。它的目標(biāo)是幫助程序員構(gòu)建高度可伸縮的應(yīng)用程序己单，編寫能夠處理數(shù)萬條同時(shí)連接到一個(gè)物理機(jī)的連接代碼。那直白的說剪菱，Node.js就是服務(wù)器程序摩瞎，是用來做后端的技術(shù)，不能直接用于前端開發(fā)孝常。但是干前端的學(xué)會了會更加的牛逼旗们，對編程的思想和代碼效率有很大的提升。Node大量使用時(shí)間驅(qū)動(dòng)實(shí)現(xiàn)異步開發(fā)构灸，能夠高效的打通前后端上渴，所以vue也是采用他作為配置環(huán)境，便于大型項(xiàng)目的開發(fā)冻押。
如何查看是否安裝成功 打開終端輸入 node -v
image.png
設(shè)置淘寶源：通過配置鏡像驰贷，便于下載npm其他東西，非必須配置,打開終端輸入一下命令
npm config set registry https://registry.npm.taobao.org
npm config set sass_binary_site=[https://npm](https://npm).[taobao.org/mirrors/node-sass/](http://taobao.org/mirrors/node-sass/)
第二步：安裝vue.js
打開cmd命令框洛巢，輸入 npm install vue
image.png
第三步：安裝vue-cli工具
Vue-cli是vue官方提供的一個(gè)命令行工具（vue-cli），可用于快速搭建大型單頁應(yīng)用次兆，打開cmd命令框稿茉，輸入
sudo npm install -g @vue/cli
sudo 是管理員權(quán)限，不需要可以不加
第四步 ：安裝webpack
webpack 是處理模塊管理芥炭、打包漓库， 打開cmd命令框,輸入
npm install webpack -g
第五步：創(chuàng)建vue的demo項(xiàng)目
- cd到要?jiǎng)?chuàng)建的文件夾：cd /Users/apple/Desktop/VueDemo
- 在VueDemo文件夾內(nèi)，創(chuàng)建一個(gè)叫helloword的工程：vue create helloword
- 之后會彈出一些選擇項(xiàng)园蝠，如果不知道選擇哪個(gè)渺蒿，按照我截圖的選擇即可
-
之后VueDemo文件夾內(nèi)就會出現(xiàn)一個(gè)helloword 的demo工程
image.png
image.png
第六步：運(yùn)行demo項(xiàng)目
- cd 到helloword工程目錄下
- npm install 第一次運(yùn)行工程需要執(zhí)行，目的是下載項(xiàng)目中用到的node_modules庫
- npm run serve 啟動(dòng)服務(wù)
- 打開瀏覽器 http://localhost:8081/ 就可以看到我們本地搭建的項(xiàng)目
image.png
image.png
npm指令記錄：
//安裝vant 插件
npm install vant --save
//啟動(dòng)服務(wù)器
npm run serve
//打包成產(chǎn)品的時(shí)候 需要用到的指令
npm run build
