vue創(chuàng)建項(xiàng)目卡住不動(dòng),vue?create?project卡住不動(dòng)的解決
第一種方法
好久沒(méi)有創(chuàng)建vue新項(xiàng)目了，今天創(chuàng)建了一個(gè)新項(xiàng)目，一運(yùn)行 vue init webpack project_name 就卡住不動(dòng)，換 vue create project_name 也是卡住不動(dòng)，然后 命令行關(guān)都關(guān)不掉
看手冊(cè)【cli手冊(cè)】
原來(lái)官網(wǎng)也考慮到這個(gè)情況了，那就沒(méi)得說(shuō)咯，如果是 gitbash的話讓使用 winpty vue.cmd create project_name 來(lái)創(chuàng)建項(xiàng)目，如果還想同 cmd 里面一樣，使用 vue create ** /vue init **來(lái)創(chuàng)建項(xiàng)目的話，就需要給 winpty vue.cmd 起個(gè)別名，別名叫 vue 這樣你輸入的時(shí)候就跟原來(lái)一樣，只不過(guò)執(zhí)行的是winpty vue.cmd create project_name 這又有什么關(guān)系呢？命令行體驗(yàn)跟之前一樣就行啦，走著
找~/.bashrc 文件
沒(méi)有找到文件名就是.bashrc 的文件，就找到 bash.bashrc 一個(gè)這種后綴名的文件，改改試試吧
在最后添加這么咯命令alias vue='winpty vue.cmd'，保存 走起
再次創(chuàng)建項(xiàng)目：
YES，大功告成，OK，這就是最終的解決辦法
中國(guó)特色社會(huì)主義就是堅(jiān)持馬.克.思主義的普遍性和特殊性，走出一條屬于中國(guó)的特色社會(huì)主義
同樣的，我這邊的問(wèn)題可能不是普遍性，而是特殊性，只適用于我這邊而已，堅(jiān)持具體問(wèn)題具體分析，看情況而定吧，我這只是一種情況
第二種方法
修改vueclie構(gòu)建的npm源：
打開(kāi)C:\Users\admin.vuerc文件
{
? "useTaobaoRegistry": false,//打開(kāi)關(guān)閉淘寶npm源
? "packageManager": "npm",
? "presets": {
? ? "vue setting": {
? ? ? "useConfigFiles": false,
? ? ? "plugins": {
? ? ? ? "@vue/cli-plugin-babel": {},
? ? ? ? "@vue/cli-plugin-eslint": {
? ? ? ? ? "config": "standard",
? ? ? ? ? "lintOn": [
? ? ? ? ? ? "save"
? ? ? ? ? ]
? ? ? ? }
? ? ? }
? ? }
? },
? "latestVersion": "3.10.0",
? "lastChecked": 1565851966268
}Vue Cli項(xiàng)目搭建
vue項(xiàng)目需要自建服務(wù)器：node
什么是node：
- 用C++語(yǔ)言編寫(xiě)，用來(lái)運(yùn)行JavaScript語(yǔ)言
- node可以為前端項(xiàng)目提供server (包含了socket)
環(huán)境搭建
1、官網(wǎng)下載安裝包，傻瓜式安裝：https://nodejs.org/zh-cn/
2、裝完了后在cmd輸入node即可啟動(dòng)一個(gè)命令行交互環(huán)境，運(yùn)行javascript代碼
3、可以更換國(guó)內(nèi)源，加速下載：
npm install -g cnpm --registry=https://registry.npm.taobao.org
在更換源后，所有的npm命令都可以替換為cnpm。
改完后npm的源還是國(guó)外的源，cnpm的源是淘寶的源。
4、安裝vue cli環(huán)境：腳手架，命令行快速創(chuàng)建項(xiàng)目
cnpm install -g @vue/cli
5、安裝腳手架報(bào)錯(cuò)的時(shí)候，需要清空緩存處理
npm cache clean --force
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue移動(dòng)UI框架滑動(dòng)加載數(shù)據(jù)的方法
這篇文章主要介紹了vue移動(dòng)UI框架滑動(dòng)加載的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
Vue.js中computed屬性高效的數(shù)據(jù)處理案例
computed是Vue中一個(gè)計(jì)算屬性,它可以根據(jù)依賴的數(shù)據(jù)動(dòng)態(tài)計(jì)算出一個(gè)新的值,并將其緩存起來(lái),這篇文章主要給大家介紹了關(guān)于Vue.js中computed屬性高效的數(shù)據(jù)處理的相關(guān)資料,需要的朋友可以參考下2024-09-09
vue 動(dòng)態(tài)添加的路由頁(yè)面刷新時(shí)失效的原因及解決方案
這篇文章主要介紹了vue動(dòng)態(tài)添加的路由頁(yè)面刷新時(shí)失效的原因及解決方案，幫助大家更好的理解和學(xué)習(xí)使用vue，感興趣的朋友可以了解下2021-02-02
使用vue.js實(shí)現(xiàn)聯(lián)動(dòng)效果的示例代碼
本篇文章主要介紹了使用vue.js實(shí)現(xiàn)聯(lián)動(dòng)效果的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
由于一些演示需要對(duì)一些簡(jiǎn)單頁(yè)面進(jìn)行配置,由于打包build后的vue項(xiàng)目基本已經(jīng)看不出原樣,因此需要?jiǎng)?chuàng)建一個(gè)文件,并在打包的時(shí)候不會(huì)進(jìn)行編譯,所以文件放在public,這篇文章主要給大家介紹了關(guān)于vue引用public文件夾中文件的多種方式,需要的朋友可以參考下2024-02-02
平常使用Vue開(kāi)發(fā)時(shí),一個(gè)項(xiàng)目中多個(gè)地方需要用到的相同組件通常我們會(huì)封裝為一個(gè)公共組件,所以我們可以將封裝好的組件打包發(fā)布至npm,本文主要介紹了vue組件發(fā)布成npm包,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
Vue3如何自定義指令directive(如權(quán)限控制)
本文詳細(xì)介紹了如何在Vue3項(xiàng)目中創(chuàng)建自定義指令directive1,首先,在src/directives/index.ts文件中引入自定義指令,然后,創(chuàng)建src/directives/permission.ts文件來(lái)定義具體指令邏輯,在main.ts文件中引入并注冊(cè)該指令,最后,在頁(yè)面中使用自定義指令2024-12-12
這篇文章主要為大家詳細(xì)介紹了IntelliJ IDEA編輯器配置vue高亮顯示，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
vue3常用響應(yīng)式對(duì)象的api,你全用過(guò)了嗎
這篇文章主要給大家介紹了關(guān)于vue3常用響應(yīng)式對(duì)象api的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue3具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-02-02
ESLint是一個(gè)QA工具，這篇文章主要介紹了詳解ESLint在Vue中的使用小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10