第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

搭建項(xiàng)目，創(chuàng)建項(xiàng)目

1、首先創(chuàng)建項(xiàng)目文件夾，進(jìn)入文件夾

2、執(zhí)行命令 vue init webpack testproject 初始化項(xiàng)目，其中有安裝選項(xiàng)，用戶需要輸入選項(xiàng)確認(rèn)。

????rooter要選Y，其他可默認(rèn)直接回車

????若當(dāng)前命令報(bào)錯(cuò)，說明npm安裝vue-cli是有錯(cuò)誤。在當(dāng)前目錄重新安裝vue-cli

cnpm 方式安裝vue-cli

cnpm i -g vue-cli

安裝結(jié)束后查看vue版本?

vue -V

npm安裝命令默認(rèn)選擇的下載站點(diǎn)是國外網(wǎng)址

cnpm安裝命令默認(rèn)是國內(nèi)淘寶鏡像

創(chuàng)建VUE_CLI:

vue init webpack projectName

Project Name ===> projectname

project description ===>說明

Author===> 作者

Install vue-router? ===>Y

ESLint to lint your code? ===>Y

Set unit tests ===> 單元測試

......

cd projectname

npm run dev

項(xiàng)目地址: http://localhost:8080

cnpm安裝:

????npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝Vue-cli:

????npm install -g vue-cli

????cnpm install -g vue-cli

vue -V === vue --version 查看vue的版本

-S === --save 安裝包信息將加入到生產(chǎn)階段(dependencies)的依賴

-D === --save--dev 安裝包信息將加入到開發(fā)階段(devDependencies)的依賴

i?install的縮寫

npm install -g vue-cli <===> npm i -g vue-cli

npm install -g --save --dev vue-cli <===> npm i -gD vue-cli

npm init -f 初始化配置===>package.json

卸載cnpm: npm uninstall cnpm -g

刪除鏡像: npm config delete registry

Vue-cli2安裝

????npm: node package manager

????cnpm: taoBao鏡像(據(jù)說每隔10分鐘同步一次node官方庫)

-g:?global 全局安裝

查看全局安裝的文件夾位置:? npm root -g

安裝Vue-cli2:

????npm install -g vue-cli

????cnpm install -g vue-cli

修改資源服務(wù)器地址:

????npm install -gd express --registry=http://registry.npm.taobao.org

????npm config set registry http://registry.npm.taobao.org

????

Node.js https://www.nodejs.cn

環(huán)境變量:?

????node -v 查看node版本

????右擊此電腦===>屬性===>環(huán)境變量===>Path===>寫入node安裝路徑

????*重啟Dos命令界面

????npm -v?查看npm版本

????cd 打開文件夾

????md 新建文件夾

????dir 查看文件夾信息

????cd..?或?cd ../返回上一級(jí)

????cls?清屏

Vue-cli

平臺(tái)無關(guān)性,功能齊全

占內(nèi)存少,高效

幫助我們寫好vue基礎(chǔ)代碼的工具,通用的工具

Vue-cli:

????Vue-cli2

????Vue-cli3

好

備注

如果不用vuecli的模板, 則可執(zhí)行以下指令:

1) 安裝依賴: npm install或cnpm install.

此步執(zhí)行后, 文件夾內(nèi)會(huì)自動(dòng)創(chuàng)建一個(gè)package-lock.json的文件, 記錄各種包的引入時(shí)間/版本號(hào)等信息.

2) npm init -f或cnpm init -f

注: 此處的-f, 意思是按照默認(rèn)選項(xiàng)進(jìn)行安裝. 和npm init執(zhí)行命令后, 一路回車下去一樣.

執(zhí)行此步之后, package.json和node_modules文件夾會(huì)被創(chuàng)建出來.

3) npm install vue-router等各種手動(dòng)的安裝各種包.

這步和此前(單獨(dú)安裝或卸載某一組件(如eslint))中所講的內(nèi)容一樣, 不過是細(xì)節(jié)展開. (相比不使用vuecli)在項(xiàng)目開始創(chuàng)建時(shí), 用此步驟不但工作量大, 也容易出錯(cuò).

但在項(xiàng)目開發(fā)中, 安裝或卸載新的組件包時(shí), 倒是可以用這一步實(shí)現(xiàn).

v4.5.6 組件間傳參 Msg.js文件報(bào)錯(cuò)

把msg.js里的內(nèi)容改成下邊的

import?mitt?from?'mitt'

const?bus?=?{}

const?emitter?=?mitt()

bus.$on?=?emitter.on

bus.$off?=?emitter.off

bus.$emit?=?emitter.emit

export?default?bus

重啟報(bào)錯(cuò)，按照提示安裝 npm install --save mitt，再重啟就可以了。

安裝vuecli3：vue create 項(xiàng)目名

啟動(dòng)：npm run serve

安裝讀取json文件組件

router子路由

-S -D 參數(shù)

-S, --save 安裝包信息將加入到dependencies（生產(chǎn)階段的依賴）

-D, --save-dev 安裝包信息將加入到devDependencies（開發(fā)階段的依賴）

i 是 install 的縮寫（注意：前面沒有“-”）

手動(dòng)指定從哪個(gè)鏡像服務(wù)器獲取資源

npm?install -gd?express --registry=http://registry.npm.taobao.org(使用頻率不高,只有在安裝腳手架的時(shí)候才會(huì)使用)

為了避免每次安裝都需要--registry參數(shù),可以使用如下命令進(jìn)行永久設(shè)置

npm?config?set?registry?http://registry.npm.taobao.org

手動(dòng)指定從哪個(gè)鏡像服務(wù)器獲取資源

npm?install -gd?express --registry=http://registry.npm.taobao.org(使用頻率不高,只有在安裝腳手架的時(shí)候才會(huì)使用)

為了避免每次安裝都需要--registry參數(shù),可以使用如下命令進(jìn)行永久設(shè)置

npm?config?set?registry?http://registry.npm.taobao.org

常用的dos命令：：

cd 打開文件夾

md 創(chuàng)建文件夾

dir 查看文件夾內(nèi)容

cd.. 返回上一級(jí)文件夾

cls 清屏