一 闽铐、環(huán)境搭建
1.首先安裝brew
/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"
輸入 brew -v 查看 brew 版本
2.安裝 nodejs
方法一：
brew install nodejs
安裝成功后狸臣，查看一下node.js的版本信息：
node -v
3檬输、獲取nodejs模塊安裝目錄訪問權(quán)限
sudo chmod -R 777 /usr/local/lib/node_modules/
4倦春、安裝 淘寶鏡像 （npm）
npm install -g cnpm --registry=https://registry.npm.taobao.org
5梅垄、安裝webpack
cnpm install webpack -g
6、安裝vue腳手架
npm install vue-cli -g
7餐屎、在硬盤上找一個文件夾放工程用的檀葛，在終端中進入該目錄
cd 目錄路徑
8、根據(jù)模板創(chuàng)建項目
vue init webpack 工程名字<工程名字不能用中文>
或
vue init webpack-simple 工程名字<工程名字不能用中文>
例如：vue init webpack demo1
會有一些初始化的設(shè)置腹缩，如下輸入:
? Project name (vue_demo1)
項目名稱
? Project description (A Vue.js project)
項目類型
? Author (RAKU xxx@yy.com)
作者
? Vue build (Use arrow keys)
選擇 Runtime + Compiler: recommended for most users
? Install vue-router? (Y/n)
安裝 Vue路由
? Use ESLint to lint your code? (Y/n)
是否使用ESlint（代碼檢查屿聋，根據(jù)自己需要安裝）
? Set up unit tests (Y/n)
Unit測試
? Setup e2e tests with Nightwatch? (Y/n)
e2e測試
? Should we run npm install for you after the project has been created? (reco
mmended) (Use arrow keys)
是否在創(chuàng)建項目后使用 npm install 命令
我選擇了 Yes, use NPM
cd 命令進入創(chuàng)建的工程目錄
cd demo1
注意：最后三步都是要進入到當(dāng)前工程目錄后執(zhí)行的。
9藏鹊、安裝項目依賴
npm install
比較慢润讥，需要有點耐心……
10、安裝 vue 路由模塊vue-router和網(wǎng)絡(luò)請求模塊vue-resource
cnpm install vue-router vue-resource --save
11盘寡、啟動項目
npm run dev
二楚殿、安裝常用組件
1、安裝網(wǎng)絡(luò)請求組件axios
npm i axios vue-axios
必須到
項目包目錄下執(zhí)行
![具體使用請移步到]https://blog.csdn.net/Janicecat/article/details/121693111
2竿痰、安裝element-ui
npm i element-ui -S
![具體使用請移步到官網(wǎng)查看]https://element.eleme.cn/#/zh-CN/component/installation
