Vue 入門環境搭建

第一步：安裝node.js 下載連接^[1]

node簡介 Node.js是一個Javascript運行環境。實際上它是對Chrome V8引擎進行了封裝。Node 是一個服務器端 JavaScript 解釋器，他會改變服務器應該如何工做的概念。它的目標是幫助程序員構建高度可伸縮的應用程序，編寫可以處理數萬條同時鏈接到一個物理機的鏈接代碼。

那直白的說，Node.js就是服務器程序，是用來作後端的技術，不能直接用於前端開發。可是幹前端的學會了會更加的牛逼，對編程的思想和代碼效率有很大的提高。Node大量使用時間驅動實現異步開發，可以高效的打通先後端，因此vue也是採用他做爲配置環境，便於大型項目的開發。

如何查看是否安裝成功 打開終端輸入 node -v

設置淘寶源：經過配置鏡像，便於下載npm其餘東西，非必須配置,打開終端輸入一下命令

pm 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

第三步：安裝vue-cli工具

Vue-cli是vue官方提供的一個命令行工具（vue-cli），可用於快速搭建大型單頁應用，打開cmd命令框，輸入

sudo 是管理員權限，不須要能夠不加

sudo  npm install -g @vue/cli

第四步 ：安裝webpack

webpack 是處理模塊管理、打包， 打開cmd命令框,輸入

npm install webpack -g

第五步：建立vue的demo項目

1.cd到要建立的文件夾：cd /Users/apple/Desktop/VueDemo2.在VueDemo文件夾內，建立一個叫helloword的工程：vue create helloword3.以後會彈出一些選擇項，若是不知道選擇哪一個，按照我截圖的選擇便可4.以後VueDemo文件夾內就會出現一個helloword 的demo工程

第六步：運行demo項目

1.cd 到helloword工程目錄下2.npm install 第一次運行工程須要執行，目的是下載項目中用到的node_modules庫3.npm run serve 啓動服務4.打開瀏覽器 http://localhost:8081/ 就能夠看到咱們本地搭建的項目

npm指令記錄：

 //安裝vant 插件
 npm install vant --save
 
 //啓動服務器
 npm run serve
 
 //打包成產品的時候 須要用到的指令
 npm run build

參考文獻

1. 推薦安裝 Visual Studio Code 是Vue編輯器，便於開發使用 下載地址^[2]

2. 官方教程 Vue CLI^[3]

References

[1] 下載連接: https://link.jianshu.com/?t=https://nodejs.org/en/
[2] 下載地址: https://code.visualstudio.com/
[3] Vue CLI: https://cli.vuejs.org/zh/

相關推薦

微信小程序實戰篇-購物車

微信小程序實戰篇-商品詳情頁

微信小程序實戰篇-電商