亚洲国产精品成人无码区,公天天吃我奶躁我的比视频,亚洲国产欧美视频亚洲国产精品一区二区成人片不卡,天天躁日日躁狠狠躁视频2021,起视碰看97视频在线少妇久久久久久人妻无码, 芒果乱码一线二线三线新区 ,亚洲熟妇无码AⅤ不卡在线播放,人妻少妇乱子伦无码专区

400-800-9385
網(wǎng)站建設(shè)資訊詳細(xì)

Vue.js入門(1)—安裝并生成自己的vue項(xiàng)目

發(fā)表日期:2018-12-19 15:12:56   作者來源:方維網(wǎng)絡(luò)   瀏覽:4497   標(biāo)簽:    
?Vue.js 引用百度百科的話:是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的 web 界面的漸進(jìn)式框架。Vue.js 的目標(biāo)是通過盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。它不僅易于上手,還便于與第三方庫或既有項(xiàng)目整合。

一.項(xiàng)目所需環(huán)境:  
   Node.js環(huán)境
   Npm環(huán)境(建議使用cnpm國內(nèi)淘寶鏡像)
   Vue-cil 腳手架構(gòu)造環(huán)境

二.如何安裝node.js

1.百度搜索node官網(wǎng)

node.js
2、選擇合適的安裝包,然后傻瓜式安裝。

nodejs安裝

3、解壓下載好的node.js安裝包,并新建node_global"及"node_cache"兩個(gè)文件夾
未建立文件夾之前:

安裝文件夾

新建后:

路徑

4、配置環(huán)境變量PATH
打開系統(tǒng)變量,選擇path,再點(diǎn)擊編輯:

path路徑
把剛剛解壓的nodejs路徑粘貼進(jìn)去:
選擇路徑

右擊【我的電腦】--》【屬性】--》【高級(jí)系統(tǒng)設(shè)置】--》【環(huán)境變量】--》【系統(tǒng)變量】--》【Path】-->增加兩個(gè)路徑(新建那兩個(gè)文件夾的路徑)
 
5、打開cmd,輸入node -v測(cè)試是否有node環(huán)境

CMD命令

溫馨提示:如果提示說找不到命令
第1種可能是設(shè)置錯(cuò)了
第2種就是需要重啟電腦
 
6、配置環(huán)境變量NODE_PATH
NODE_PATH

7、設(shè)置prefix和cache輸入以下兩行命令行:
npm config set prefix "D:\Program Files\node-v6.11.5-win-x64\node_global"
npm config set cache "D:\Program Files\node-v6.11.5-win-x64\node_cache"
命令提示

三. 測(cè)試環(huán)境

1、打開cmd,輸入node -v測(cè)試是否有node環(huán)境。

測(cè)試代碼1

2、在cmd,輸入npm-v測(cè)試是否有npm包

測(cè)試代碼2

四、 使用淘寶鏡像文件cnpm代替npm

原因:如果使用npm是使用國外安裝包,可能由于一些原因會(huì)造成卡頓(傳輸時(shí)間過長(zhǎng))或者無法使用(屏蔽問題);所以,建議使用國內(nèi)的淘寶鏡像cnpm;
1. 輸入
npm install -g cnpm --registry=http://registry.npm.taobao.org
2. 命令安裝cnpm資源;
  Ps:過程可能會(huì)有點(diǎn)長(zhǎng),請(qǐng)耐心等待;

五、安裝vue-cli腳手架安裝包
輸入cnpm install -g vue-cli命令行 
溫馨提示:建議使用cnpm國內(nèi)資源安裝,這樣等待時(shí)間會(huì)短一些,也不會(huì)導(dǎo)致卡頓;

六、建立新的vue.js項(xiàng)目:
1、打開命令行工具 輸入cd desktop
cd
2、輸入命令行vue init webpack firstVuejs
溫馨提示:這次整個(gè)項(xiàng)目是基于webpack搭建的vue.js項(xiàng)目;最后的firstVuejs為本項(xiàng)目名稱。
代碼
3、桌面自動(dòng)生成項(xiàng)目
4、使用命令行工具輸入cd desktop/firstvuejs進(jìn)入項(xiàng)目層
代碼
溫馨提示:如果像上圖一樣找不到路徑可以cd .. 退回上一路徑,再嘗試一下。

5、啟動(dòng)項(xiàng)目:
輸入npm run dev 啟動(dòng)項(xiàng)目
啟動(dòng)項(xiàng)目

七、注意踩雷??!

比如index.html在項(xiàng)目里為index.vue;style.css也需要改成style.css(作用相同)。

如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://www.oulysa.com/news/4816.html
99国产精品自在自在久久| 岳的又肥又大水多啊喷了视频| 在线国产又粗又硬又黄大片| 亚洲国产精品日韩专区AV| 亚洲国产精品综合一区在线| 日韩黑人AV全部在线看| 久久精品国产精品亚洲婷婷| 夜夜骚AVD,亚洲VA中文字幕无码毛片| 深夜A级毛片免费视频| 精品一级毛片儿在线看√| 中文字幕九热精品视频在线| 色婷婷久久综合中文久久一本| 在线观看免费播放?V片无码网站,| 久久国产精品色AV免费观看| 久久人妻免费专区| 亚洲AV无码乱码在线观看裸奔| 日韩精品一区二区三区色偷偷| 尹人久久大香找蕉综合影院| 小小拗女性BBWXXXX国产| 欧洲精品码一区二区三区免费看| 欧美日韩国产一级二级.| 中文亚洲av片在线观看| 亚洲欧美成aⅴ人在线观看| 精品人妻少妇一区二区三区不卡| 中文字幕精品无码一区二区| 最近更新免费中文字幕大全| 欧美日韩在线精品一区二区三区激情综合| 99re公开精品免费视频| 影音先锋成人资源| 午夜天堂精品久久久久| 人妻系列无码专区五月天| 精品一区二区三区亚洲国产| 国产成人18黄网站在线观看软件| 亚洲一区尤物最新视频| 日韩精品亚洲国产一区蜜芽| 久久婷婷成人综合色综合| 国产亚洲大尺度无码无码专线| 久久久无码_国产成人无码精品久免费| 一二三四在线观看免费高清在线观看动漫版| 久久久久精品国产亚洲?V色欲| 国产成人精品免费视频大|