第一種方法

好久沒有創(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è)】

原來官網(wǎng)也考慮到這個(gè)情況了，那就沒得說咯，如果是 gitbash的話讓使用 winpty vue.cmd create project_name 來創(chuàng)建項(xiàng)目，如果還想同 cmd 里面一樣，使用 vue create ** /vue init **來創(chuàng)建項(xiàng)目的話，就需要給 winpty vue.cmd 起個(gè)別名，別名叫 vue 這樣你輸入的時(shí)候就跟原來一樣，只不過執(zhí)行的是winpty vue.cmd create project_name 這又有什么關(guān)系呢？命令行體驗(yàn)跟之前一樣就行啦，走著

找~/.bashrc 文件

沒有找到文件名就是.bashrc 的文件，就找到 bash.bashrc 一個(gè)這種后綴名的文件，改改試試吧

在最后添加這么咯命令alias vue='winpty vue.cmd'，保存 走起

再次創(chuàng)建項(xiàng)目：

YES，大功告成，OK，這就是最終的解決辦法

中國特色社會(huì)主義就是堅(jiān)持馬.克.思主義的普遍性和特殊性，走出一條屬于中國的特色社會(huì)主義

同樣的，我這邊的問題可能不是普遍性，而是特殊性，只適用于我這邊而已，堅(jiān)持具體問題具體分析，看情況而定吧，我這只是一種情況

第二種方法

修改vueclie構(gòu)建的npm源：

打開C:\Users\admin.vuerc文件

{
? "useTaobaoRegistry": false,//打開關(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ùn)行JavaScript語言
• 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、可以更換國內(nèi)源，加速下載：

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

在更換源后，所有的npm命令都可以替換為cnpm。

改完后npm的源還是國外的源，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è)參考，也希望大家多多支持腳本之家。

最新評(píng)論