必要な技術を構築するためのプロジェクトのフロントエンド
WebPACKの
nodejs構築
インストールVUE-CLI
より多くの自己インストール技術を学びます
ワン:足場VUE-CLIのフロントエンドを使用してプロジェクトを作成します。
1:端末は、次のコマンドを実行します
VUEのinitのWebPACK私-VUE私-VUEプロジェクトを作成します
2:プロジェクトパスにcdは、プロジェクトを開始するには、次のコマンドを実行
NPMは、前提条件の依存関係をインストールインストール
NPM実行のdevのプロジェクト開始
はじめに第二のプロジェクトディレクトリ
1:プロジェクトディレクトリ
2:以下は、下の各ディレクトリを記述する
プロジェクトのjsファイルを構築するためにWebPACKのパッケージのためのディレクトリを構築
このようランタイムプロジェクト開始などの項目を、保存するためのポート設定ファイル設定ファイルのディレクトリ
プロジェクトを作成するときに生成されるときときで始まるテストのjsファイルをテストする必要があります
node_modulesのファイルとサブディレクトリ
このフォルダの中に、我々はいくつかの他のプラグインは、このフォルダにインストールされますインストールするには、展開すると、すべてのいくつかの基本的なノードの依存関係です。
SRCのファイルとサブディレクトリ(フォーカス)
このフォルダには、プロジェクト全体のフォルダのメインファイルで、我々のコードのほとんどはここで行われ
資産は、主な場所内のリソースファイルの数をフォルダ。例えば、JS、CSSファイルなど。
実際の開発では、このような単独のAPIのjsファイルなどのさまざまな要求を格納するフォルダを作成することがあります
コンポーネントフォルダには、魂VUEとすることができ、すべてのコンポーネントファイルがそこに配置することができます。
コンポーネント!Vueが一緒にコンポーネントの数で構成されたプロジェクトを組み立てました。
ここではいくつかの大規模プロジェクトを置く最も一般的なコンポーネントは、カスタムの各個々のページのコンポーネントについて説明することに注意してください
そのようなフォルダビューなどのページ要素
ルータのフォルダとサブディレクトリ(フォーカス)
このフォルダには、プロジェクト全体のVUE、単一ページのアプリケーションの代わりにVUEのルーティングされ、設定ファイルがあるコンポーネントに対応しています。
通常、一つだけのファイルindex.js
アプリのファイル
このファイルには、ページ全体を包む最も外側のdivに相当プロジェクト全体のエントリファイルです。
これは、最大の成分として理解することができます
main.jsファイル
このファイルには、プラグインは、本明細書に定義に組み込まれている主なJSプロジェクト、使用するグローバル変数、JS、あります
static 文件夹 专门存放一些静态资源 如工具类 url等
初次意外 开发中 通用的插件一般也会定义在src 目录下
所以src 这个目录 非常重要
3:其他配置文件
index.html 项目的承载页面
package.json 文件是整个项目用的到的所有的插件的json的格式 比如 这个插件的 名称 , 版本号。
当在项目里使用npm install 时 node 会自动安装, 这个文件里的所有插件。
剩下的不用管
最后总结下这个最基本的vue 项目结构