ポータル学習Vue.js:はじめとインストール

何Vue.jsこと?

VUE(発音/vjuː/、ビューと同様に)ユーザインタフェースを構築するためのプログレッシブフレームです。他のフレームの差がヴューが層によってボトムアップ層から印加されるように設計されて、大きいです。唯一のビュー層の上にVueのコアライブラリの焦点は、だけでなく、使いやすいだけでなく、簡単なサードパーティ製のライブラリまたは既存のプロジェクトを統合することです。

内容は、目に見える具体的に説明:単語Vueのコアを理解(して、コンテンツのこの部分を読んだ後にメモしておきます)

ビルドへの環境

1.ダウンロードnodejs(http://nodejs.cn)。

  • node -v 視聴端末は正常にインストール

  • npm -v ビューNPMのバージョンが正常にインストール

2.インストールVUEコマンド:npm install vue; VUEは、足場マウント:npm install --global vue-cli

  • 足場VUE(VUE-CLIは)すぐに大規模な単一ページのアプリケーションを構築するために使用することができます。

単一ページのアプリケーションを構築するために使用VUE-CLI

 //1、全局安装Vue-Cli
  npm install -g vue-cli
 //2、进入创建项目目录下
 //3、创建使用webpack模板的Vue单页应用,Enter后根据提示完成项目的创建
  vue init webpack projectname
 //4、进入项目目录下
  cd projectname
 //5、下载项目引用的包
  npm install
 //6、运行项目
  npm run dev

上記のコマンドの実装後は、ブラウザでのタイプhttp://localhost:8080/のインターフェイスは、VUEが成功を作成することです表示されます

Vueのを使用してください

プロジェクトでVUEを使用する方法; vue.jsは、参照文書でダウンロードすることができます。フォームは、CDNによっても導入することができます

ファイルvue.jsをダウンロード1

 //在html中引入vue的包文件
<script type="text/javascript" src="包文件地址/vue.js"></script>

初心者最高の導入vue.jsは、vue.min.jsを促した圧縮されたバージョンであります

2. CDNフォーム

<script  src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

リファレンス個人的なメモ:フロントエンドのフレームワークVUEの研究ノート:環境構造

参照

おすすめ

転載: www.cnblogs.com/songyan/p/12162747.html