-
Ctrl ＋ C? 終止程序查看全部
-
搭建項目，創(chuàng)建項目
1、首先創(chuàng)建項目文件夾，進入文件夾
2、執(zhí)行命令 vue init webpack testproject 初始化項目，其中有安裝選項，用戶需要輸入選項確認。
????rooter要選Y，其他可默認直接回車
????若當前命令報錯，說明npm安裝vue-cli是有錯誤。在當前目錄重新安裝vue-cli
查看全部 -
cnpm 方式安裝vue-cli
cnpm i -g vue-cli
安裝結(jié)束后查看vue版本?
vue -V
查看全部 -
npm安裝命令默認選擇的下載站點是國外網(wǎng)址
cnpm安裝命令默認是國內(nèi)淘寶鏡像
查看全部 -
來了來了我nullJS查看全部
-
創(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
項目地址: 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
修改資源服務器地址:
????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 ../返回上一級
????cls?清屏
查看全部 -
Vue-cli
平臺無關(guān)性,功能齊全
占內(nèi)存少,高效
幫助我們寫好vue基礎(chǔ)代碼的工具,通用的工具
Vue-cli:
????Vue-cli2
????Vue-cli3
查看全部 -
好
查看全部 -
備注
查看全部 -
為什么不把kk值當做goodid值，直接使用。而是寫那么多v-if。感覺莫名其妙查看全部
-
如果不用vuecli的模板, 則可執(zhí)行以下指令:
1) 安裝依賴: npm install或cnpm install.
此步執(zhí)行后, 文件夾內(nèi)會自動創(chuàng)建一個package-lock.json的文件, 記錄各種包的引入時間/版本號等信息.
2) npm init -f或cnpm init -f
注: 此處的-f, 意思是按照默認選項進行安裝. 和npm init執(zhí)行命令后, 一路回車下去一樣.
執(zhí)行此步之后, package.json和node_modules文件夾會被創(chuàng)建出來.
3) npm install vue-router等各種手動的安裝各種包.
這步和此前(單獨安裝或卸載某一組件(如eslint))中所講的內(nèi)容一樣, 不過是細節(jié)展開. (相比不使用vuecli)在項目開始創(chuàng)建時, 用此步驟不但工作量大, 也容易出錯.
但在項目開發(fā)中, 安裝或卸載新的組件包時, 倒是可以用這一步實現(xiàn).
查看全部 -
v4.5.6 組件間傳參 Msg.js文件報錯
把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
重啟報錯，按照提示安裝 npm install --save mitt，再重啟就可以了。
查看全部 -
安裝vuecli3：vue create 項目名
啟動：npm run serve
查看全部 -
安裝讀取json文件組件
查看全部 -
router子路由
查看全部 -
-S -D 參數(shù)
-S, --save 安裝包信息將加入到dependencies（生產(chǎn)階段的依賴）
-D, --save-dev 安裝包信息將加入到devDependencies（開發(fā)階段的依賴）
i 是 install 的縮寫（注意：前面沒有“-”）
查看全部 -
手動指定從哪個鏡像服務器獲取資源
npm?install -gd?express --registry=http://registry.npm.taobao.org(使用頻率不高,只有在安裝腳手架的時候才會使用)
為了避免每次安裝都需要--registry參數(shù),可以使用如下命令進行永久設置
npm?config?set?registry?http://registry.npm.taobao.org
查看全部 -
手動指定從哪個鏡像服務器獲取資源
npm?install -gd?express --registry=http://registry.npm.taobao.org(使用頻率不高,只有在安裝腳手架的時候才會使用)
為了避免每次安裝都需要--registry參數(shù),可以使用如下命令進行永久設置
npm?config?set?registry?http://registry.npm.taobao.org
查看全部 -
常用的dos命令：：
cd 打開文件夾
md 創(chuàng)建文件夾
dir 查看文件夾內(nèi)容
cd.. 返回上一級文件夾
cls 清屏
查看全部
舉報