Vue-cli-10-xiaoming
2060 ワード
2018-10 -23
一、時間が経つにつれて、Vueの多くの知識がますます曖昧になってきたので、まず一緒にVueを復習しましょう.
1.vueの概要;3つの主流フレームワーク:
eg:npm install -g cnpm -registry=https://registry.npm.taobao.org
三、vue-cli足場(プロジェクト構造を構築する)1.xxx.vue==>単一ファイルコンポーネント.
cdプロジェクト名、フォルダに入れます.
一、時間が経つにつれて、Vueの多くの知識がますます曖昧になってきたので、まず一緒にVueを復習しましょう.
1.vueの概要;3つの主流フレームワーク:
vue/angular/react
.2.vueの概念;3.フィルター4.vueの計算属性; ;
5.vueのコンポーネント; html , 。
6.vueのコンポーネントに値を渡す.7.ライフサイクルとルーティング(ルーティングのネスト、ルーティングのパラメータ);8.vueのajax(axios).二、codingはGitの中で:1先にgit initを入力する;②git add .; ③git commit-m「プロジェクト」;④git remote add origin https://git .coding.net./QAQming/robot.git; ⑤gIt push -u origin master. QAQ
:indexリンクがない後+"/ファイル名.html"QAQ
:「淘宝鏡像」(cnpm)=>をインストールすると、他のコマンドを迅速に実行できます.eg:npm install -g cnpm -registry=https://registry.npm.taobao.org
QAQ
:Gitでは「ctrl+c」または「ctrl+v」でコピーして貼り付けることはできません.そしてctrl+cはGitにおいて最後の命令を終了する.三、vue-cli足場(プロジェクト構造を構築する)1.xxx.vue==>単一ファイルコンポーネント.
html
css
js
3.つまり重要なのはwebpackを利用してvue-cliを作ることです.
①webpack(コード圧縮)
cnpm install webpack-g
2 vue-cli
cnpm install vue-cli-g
③一つのプロジェクト(webpackテンプレート)
vue init webpack webpack-demo
QAQ
:webpack-demoはプロジェクト名. QAQ
:また、関連する依存をインストールする前にプロジェクトフォルダに存在するかどうかに注意し、存在しない場合はGitに
④インストール依存(node_modulesフォルダのインストール)
cnpm install
⑤サービスを開く
npm run dev
QAQ
:vue-cli:1. 网站的公共样式放到App.vue中
;
2. 在router中的index.js中配置路由
;
3. 在components中创建xxx.vue,写
html
切记在写html时必须要有一个最大的盒子(div)来包裹
.
切记在写html时必须要有一个最大的盒子(div)来包裹
.
css
js
4. 在static中创建css,images,······
在static中的css中放的是通用样式,然后链接到index.html
images中放的就是你所需要的图片了,且注意他的路径是相对还是绝对的
.