亚洲国产精品成人无码区,公天天吃我奶躁我的比视频,亚洲国产欧美视频亚洲国产精品一区二区成人片不卡,天天躁日日躁狠狠躁视频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ò)   瀏覽:4494   標(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ù)綁定和組合的視圖組件。它不僅易于上手,還便于與第三方庫(kù)或既有項(xiàng)目整合。

一.項(xiàng)目所需環(huán)境:  
   Node.js環(huán)境
   Npm環(huán)境(建議使用cnpm國(guó)內(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是使用國(guó)外安裝包,可能由于一些原因會(huì)造成卡頓(傳輸時(shí)間過長(zhǎng))或者無法使用(屏蔽問題);所以,建議使用國(guó)內(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國(guó)內(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
欧美日韩一区二区在线观看视频国产一区二区福利| 中文字幕无码人妻精品| 少妇野外一级内射婬片免费放| 国产仑乱老女人露脸的怀孕的| 久久久久亚洲国产AV麻豆| 97色伦图片_男人扒开添女人| 99之无码中文字幕| 花房姑娘日本电影完整版| 成人精品视频在线观看不卡| 日本最新免费二区| 人人狠狠综合久久88成人| 国产乱色国产精品免费视频| 久久综合之合合综合久久| 亚洲国产成人久久精品影视| 6080国产日韩一卡二卡3卡四| 国产精品无码v在线观看| 国产精品99无码一区二蜜桃| 亚洲精品乱码久久久久久不卡| 欧洲精品不卡1卡2卡| 在线激情亚洲文学| 国语av狠狠色丁香婷婷综合激情| 亚洲欧洲日本在线www.99精品| 国产未成女YOUNV仙踪林| 久久久国产一区二区三区| 国产成人无码视频一区二区三区三级,| 99久久人妻精品免费一区| 中文字幕日韩激情| 少妇人妻无码精品视频| 韩国影院 98133次观看 污动漫网站| 亚洲av中文无码乱人伦在线r| 亚洲成aⅴ人片久青草影院| 人妻少妇精品无码专区喷水| 一级毛片免费一级直接观看互動交流| 师父的蘑菇好软水好多H15视频| 国产XXXX色视频在线观看| 韩国三级丰满少妇高潮| 成年免费视频黄网站在线观看| 精品久久久无码中文字幕vr| 区蜜桃欧美黑人又大又粗XXXⅩ精品无码不卡AV在线播放| 人妻少妇精品专区性色AV| 伊人久久精品无码AV一区|