-
vue-cli3添加樣式的三種方法：
1.在vue文件中的style里面添加
2.在public中新建一個css文件，在vue文件中的style引入css文件：@import "../../public/xxx.css"
3.在項目的首頁html中添加link引用css文件
查看全部 -
vue-cli3導(dǎo)入其他項目并運行：
如果導(dǎo)入的項目是vue-cli2的話，先下載依賴npm install
再運行npm run dev
查看全部 -
vue-cli3創(chuàng)建項目：vuecli2：install ? ? vuecli3：create
安裝vuecli3：vue create vue-test3
啟動vuecli3項目：npm run serve
查看全部 -
安裝vue-cli3
先進入到之前創(chuàng)建的項目中testcli中，可以先檢查一下自己的vue版本是否存在（vue -V）
不存在就可以安裝了，語法相似：npm install @vue/cli
npm install?-g @vue/cli ：主要是安裝到全局中
vue-cli3的特點就是增加了可視化，但是建議能使用npm指令就使用npm因為使用的頻率決定了你對npm的熟練度以及理解，可視化界面用于測試和找bug比較好
查看全部 -
就講了卸載vue-cli：
主要就是一個命令：npm uninstall vue-cli -g
簡寫為：npm uni vue-cli -g
運行結(jié)束后可以用：vue -V檢查一下，如果還有版本號可以再cnpm卸載一下，沒有了就代表卸載成功
查看全部 -
本節(jié)內(nèi)容主要是用cnpm 重新進行一次上節(jié)的操作
值得注意的是
-g：我們一般不用-g，-g用于安裝到全局配置中，意思就是npm的主體中的node_modules的文件中，會通用到后面所有用npm配置的項目中；不建議這樣操作，應(yīng)該遵循一個項目一個配置，所以我們用-D用的比較多；
cnpm 與 npm 安裝主要的區(qū)別就是node_modules文件出現(xiàn)的順序不一樣
cnpm：在cnpm環(huán)境搭建的時候 install 就會出現(xiàn)
npm：需要init初始化之后才會出現(xiàn)
總體不影響因為package和node_modules都是必須的所以最終都會有的
※還是跟上節(jié)一樣最終還是建議用模板工具來創(chuàng)建，節(jié)約時間更嚴(yán)謹(jǐn)?shù)鹊?，但是手動安裝必須要會要知道流程
查看全部 -
不使用vue-cli的模板（webpage）安裝組件
安裝依賴：npm install 或者cnpm install?
初始化：npm init -f 或者cnpm install -f
安裝組件，并查看安裝后的內(nèi)容
流程如下
先在切換到D盤創(chuàng)建kkk文件夾
d:\>md kk
訪問其中然后安裝npm環(huán)境npm install
初始化kkk需要用到npm init -f（-f 的意思是自動創(chuàng)建配置環(huán)境，不需要人工干預(yù)，跳過項目的配置信息）
※package.json vue-cli中最重要的配置文件，所有的配置和依賴都在里面，安裝的插件和版本號都會顯示
接下來是手動安裝 vue-router（路由跳轉(zhuǎn)的工具，必裝）
npm i vue-router -D（意思是開發(fā)環(huán)境和運行環(huán)境都需要安裝）
查看文件的cmd語法
type pa*(*代表模糊查詢，打開所有含有字母pa的文件)
type package.json（打開訪問package.json文件）
接下來安裝eslint（語法規(guī)范工具）
npm install eslint -D
綜上所述：如果不適用模板安裝就會很麻煩，容易遺漏需要安裝的插件，所以建議開發(fā)過程中用合適的模板創(chuàng)建項目，卸載可以一個一個卸載
用模板的語法為：
vue init webpack projectName
查看全部 -
vue-cli3安裝、升級：
1.卸載vue-cli2：npm uninstall vue-cli -g
2.普通安裝vuecli3：npm install -g @vue/cli
2.淘寶鏡像安裝vuecli3：cnpm install -g @vue/cli
vuecli3啟動：vue ui
查看全部 -
手動搭建vue-cli環(huán)境：
安裝依賴：npm install 或者 cnpm install (npm是node.js，cnpm：淘寶鏡像)
初始化：npm init -f 或者 cnpm init -f?
安裝組件
查看全部 -
怎么導(dǎo)入vue-cli項目：[打開其他項目工程]
1.命令行打開項目：npm install 項目添加依賴，部署和運行npm環(huán)境
2.啟動項目：npm run dev
查看全部 -
單獨安裝eslint:
安裝到生產(chǎn)環(huán)境：npm install eslint --save
安裝到開發(fā)環(huán)境：npm install eslint --save-dev
生產(chǎn)環(huán)境：package.json中的dependencies
開發(fā)環(huán)境：package.json中的devDependencies
卸載：npm uninstall eslint --save /?npm uninstall eslint --dev
查看全部 -
為什么不用#號？
路由有兩種模式：hash和history，通常采用history模式，mode:history。
history模式時頁面404時會報錯，hash模式時頁面404時不報錯
查看全部 -
在項目案例效果二的基礎(chǔ)上，實現(xiàn)嵌套路由的效果：children:[{},{}]
掛載：<router-view></router-view>
查看全部 -
實現(xiàn)效果：
在首頁，可以通過鏈接進入a，b兩個“頁面”，也可以從a，b兩個“頁面”返回到首頁
template標(biāo)簽下必須有一個根div標(biāo)簽，其他內(nèi)容都要放在這個div里面
實現(xiàn)頁面跳轉(zhuǎn)：
先在src -> components里面創(chuàng)建A、B兩個vue頁面分別添加頁面內(nèi)容
在index.js中引用A、B兩個vue組件
在需要跳轉(zhuǎn)的vue頁面中添加<router-link to=""></router-link>跳轉(zhuǎn)，to對應(yīng)index.js中component的path值
查看全部 -
sublime?配置語法高亮
https://github.com/vuejs/vue-syntax-highlight? ?下載壓縮包
sublime打開Preferences ->?設(shè)置第一個菜單 ->瀏覽資源包 ->新建vue文件夾 ->將壓縮包的內(nèi)容都復(fù)制進去
然后回到sublime ? ctrl+shift+p ? ?搜索vue，選擇第一個vue component雙擊
查看全部
舉報