Vue-cli 4.1.1を使用してVueプロジェクト(vue createプロジェクト名)をビルドする|ノードセットTaobaoソース

経験:公式のvue-cliドキュメントを必ずお読みください。自分で探して時間を無駄にしないでください。

手順:

//1.命令 回车
 vue create 项目名
//2.选择自定义配置  
Manually select features 
//3.选择你需要的配置
  *Babel (必选)
  TypeScript(项目中使用ts开发的话,就勾选)
  Progressive Web App (PWA) Support  (接口缓存,优化项目)
  *Router
  *Vuex 
  *CSS Pre-processors (css预处理器,需要)
  *Linter / Formatter (代码格式,一般默认选中)
  Unit Testing (代码测试)
  E2E Testing(需求界面测试)
//4.根据你选的配置进行Y/N选择
//5.选择完之后,就可以运行项目  
npm run serve
————————————————
原文链接:https://blog.csdn.net/diwang_718/article/details/102912743

2020.3.21
ローカル
ここに画像の説明を挿入
Uディスクの
準備
ここに画像の説明を挿入
フォルダ-git bushを右クリックしてコマンドラインを開きます

 npm install -g @vue/cli

(vueバージョンが見つかった場合は、足場をダウンロードする必要はありません。それ以外の場合は、最初にvueをダウンロードしてから、足場をダウンロードする必要があります)
ここに画像の説明を挿入
この手順は間違っているようです。

winpty vue.cmd create ne_project

ここに画像の説明を挿入
スペースを押して
ここに画像の説明を挿入
これを選択します。理由はわかりません。超低速です。1時間半です。
ここに画像の説明を挿入


2019.12.3
Shift +右クリックを使用してここでウィンドウを開きましたが、プロジェクトを作成できませんでした。どちらも失敗
ここに画像の説明を挿入
し、Git bushで作成する必要がありました


ここでプロジェクトの作成を開始する主な手順

winpty vue.cmd create hello-world

電車でのVue cli公式ウェブサイトが
ここに画像の説明を挿入
ここに画像の説明を挿入
成功しました、ほんの数分

はい、終わりました

【フロントエンド単体テスト】モカとチャイ

公式インストールドキュメント@ vue / cli:

古いバージョンをアンインストールします。

npm uninstall vue-cli -g

ノードのバージョン要件

Vue CLIにはNode.js 8.9以降(8.11.0以降を推奨)が必要です
ノードの公式ウェブサイト(12.13.1):https://nodejs.org/en/download/
ここに画像の説明を挿入
ノードのバージョンが低すぎるためエラーが報告されます。
ここに画像の説明を挿入
参照:https ://www.cnblogs.com/Jimc/p/10278254.html


npm Taobaoソースを変更し、cnpmを設定

1.コマンドによる設定

  1. コマンド
npm config set registry https://registry.npm.taobao.org
  1. 確認コマンド
npm config get registry

が返されたhttps://registry.npm.taobao.org場合、ミラー構成は成功しています。
ここに画像の説明を挿入
2、cnpmを使用してインストールする

  1. cnpmをインストールする
npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. cnpmを使用する
cnpm install xxx

ここに画像の説明を挿入
私は本当に酔って1時間ここに留まっています。
ここに画像の説明を挿入
チェックして、
ここに画像の説明を挿入
vue-cli4のインストールと使用を試しました。

おすすめ

転載: blog.csdn.net/fengtingYan/article/details/103354330