@toc
<font color='red'>��һ��������һ��ִ�У���</font>ȫ�ְ�װ@vue/cli��
npm install -g @vue/cli
<font color='red'>�ڶ�����</font>�л�����Ҫ������Ŀ��Ŀ¼��Ȼ��ʹ���������Ŀ
vue create xxxx
<font color='red'>��������</font>�����Ŀ
npm run serve
<font color='red'>��ע�� </font>
npm config set registry
��ִ�У�vue inspect > output.js
������ node_modules
������ public
�� ������ favicon.ico: ҳǩͼ��
�� ������ index.html: ��ҳ��
������ src
�� ������ assets: ��ž�̬��Դ
�� �� ������ logo.png
�� ������ component: ������
�� �� ������ HelloWorld.vue
�� ������ App.vue: �����������
�� ������ main.js: ����ļ�
������ .gitignore: git �汾���ƺ��Ե�����
������ babel.config.js: babel �������ļ�
������ package.json: Ӧ�ð������ļ�
������ README.md: Ӧ�������ļ�
������ package-lock.json�����汾�����ļ�
<font color='red'>ע���1��</font><meta http-equiv="X-UA-Compatible" content="IE=edge"> ���IE�������һ���������ã���������IE���������ߵ���Ⱦ������Ⱦҳ��
<font color='red'>ע���2��</font><meta name="viewport" content="width=device-width,initial-scale=1.0">�����ƶ��˵������ӿ�
<font color='red'>ע���3��</font><link rel="icon" href=http://cloud.jaozi.cn/?developer/article/"<%= BASE_URL %>favicon.ico">����ҳǩͼ�꣬����vueҳ��Ϊ�˱��ⲿ��linux��·�����ң���ʹ��http://cloud.jaozi.cn/?developer/article/ http://cloud.jaozi.cn/?developer/֮���·������ʹ��<%= BASE_URL %>��������public�����·��
<font color='red'>ע���4�� </font><noscript>���������֧��jsʱnoscript�е�Ԫ�ؾͻᱻ��Ⱦ
<font color='red'>ע���5��</font><%= htmlWebpackPlugin.options.title %>ʹ�õ������������ȥ��ȡpackage.json��name����ֵ
<font color='red'>ע���0��</font>
���⣺render:h=>h(App)�Ǹ�ʲô�õģ�
<font color='red'>��</font>��render���������þ��ǽ�App�Ǹ�vue�����Ⱦ��DOM�ڵ㡣
<font color='red'>ע���1��</font>
���⣺ ͼ1Ĭ������vue�ļ������������ĸ���
<font color='red'>�𰸣�</font>��ͼ2�е�6��ָ����Ĭ�������vue���ĸ��汾�ģ�Ĭ������������а�vue.js(Ҳ���Dz�ȱ��vue.js����û��ģ�������)
<center>ͼ1</center>
<center>ͼ2</center>
<font color='red'>ע���2��</font>Ϊɶvue�ṩ����ô��汾��ֱ��ֻ�ṩһ�����������vue.js������
�𰸣�vue.js��ȫ����������Ĺ���+ģ����������������а治������ģ��������������������Ŀ��������webpack������������ʶ�Ķ�����ģ�����������û���ˣ���������ռ�ڴ��С��Ϊ�˼���ṩ�˲�ͬ������vue.js�ļ�
<font color='red'>ע���3��</font>import����Ĭ��vue.js����ͼ3ʵ����vueʱ���ʹ��template���Իᱨ���������ͼ4��
���������2�֣�����1������������vue.js������2���ڼ���ʹ�����а�vue.js�Ļ����ϣ�ʹ��render����Ҳ���Խ�����⡣
<center>ͼ3</center>
<center>ͼ4</center>
<font color='red'>ע���4��</font>��Ȼvueʵ������ֱ��ʹ��template���ԣ���vueģ����ȴ����ֱ��ʹ��<template>��ǩ��
<font color='red'>�𰸣�</font>vueר��Ϊ<template>��ǩ�ҵ���һ����ȥ��������ͼ5������21��ר����������vue����е�<template>��ǩ����js�е�template���������ܡ�
<font color='red'>ע���5��</font>��д�� render: h => h(App)����������ͼ6������createElement��ʵ��һ����������Ϊ������������У�����ֻ���app���ɣ�������д��ͱ���� render: h => h(App)
<center>ͼ6</center>
��Ĭ�����ÿ����ĺܶ������ù��ܣ����磺�������main.js�����ƣ���ESLint�Ƿ��ʽУ��ȵȡ�
<font color='red'>ע���1��</font>
���⣺main.js����ڣ�Ϊɶ������ڣ��Ҹ�����peiqi.jsΪ����Ƿ���ԣ�
<font color='red'>�𰸣�</font>Vue ���ּ����������� webpack ��ص����ã�����鿴����� webpakc ���ã� ��ִ�У�vue inspect > output.js����ͼ���ָ���ľ���������ļ�����������ֱ����output.js�ļ������������Ϊpeiqi.js��Ч
<font color='red'>ע���2��</font>
���⣺Ĭ����Щ�ļ����Ը����ֻ���Ч����Щ���ܸ����֣�
<font color='red'>�𰸣�</font>��ͼ��5��������ֲ����ģ������Ķ�������
<font color='red'>ע���3��</font>�����ʵ����������ƻ��߹ر�ESLint��ʽУ�飬ʹ��ͼ2��vue.config.js���ԶԽ��ּܽ��и��Ի����ƣ������ͼ1��
<center>ͼ1</center>
<center>ͼ2</center>
<font color='red'>ע���4��</font>vue.config.js��������commonjs��¶��ʽ��������ES6�ı�¶��ʽ
<font color='red'>ע���5��</font>�е�����vue.config.js��index���棬��index�����ע�͵���ǰԤ��λ�÷��������Ҫ��չ�����Ӷ�����Ϊ��ֵ��ͼ1�������ᱨ����ͼ2
<center>ͼ1</center>
<center>ͼ2</center>
<font color='red'>ע���6��</font>ÿ��vue.config.js�ļ������ĺ���Ҫ����npm run serve������Ч
<font color='red'>ע���7��</font>ͼ1��ͼ2û��ϵ��ͼ1����Vue��������Ի������ԣ���������vue���ģʽ�ģ���ͼ2�������������ּܹ���ģʽ�ġ�
<center>ͼ1</center>
<center>ͼ2</center>
1.������ƪ��1�£�vue2��顷����Vue2֪ʶ�㡢�����ܽ��ʹ��ע��㼰�����������ܽ�
2.������ƪ��2�£�vue2����������Vue2֪ʶ�㡢�����ܽ��ʹ��ע��㼰�����������ܽ�
3.������ƪ��3�£�vue����-���������������Զ����¼�����ۡ�·�ɵȵ���չ֪ʶ��
4.������ƪ��4�¡���ʹ��vue���ּܴ�����Ŀ
5.vue2֪ʶ�㣺���ݴ���
6.vue2֪ʶ�㣺�¼�����
7.vue2֪ʶ�㣺�б���Ⱦ��������v-for��key��ȡֵ��Χ���б���ˡ��б�����vue���Ӷ������������ݸı�ԭ����ܽ�vue���ݼ�⣩
8.vue2֪ʶ�㣺�����������������
9.vue2֪ʶ�㣺�������ڣ��������������ڽ��ܡ��������ڹ��ӡ���������ͼ��⣩
10.vue2֪ʶ�㣺�ǵ��ļ�����͵��ļ����
11.vue2֪ʶ�㣺���is����
12.vue2֪ʶ�㣺���ģ�嶨��
13.vue2֪ʶ�㣺�����props���ԡ���props���ԡ�props����У��
14.vue2֪ʶ�㣺����Զ����¼�
15.vue2֪ʶ�㣺�����۷ַ�
16.vue2֪ʶ�㣺��̬���
17.vue2֪ʶ�㣺����
18.vue2֪ʶ�㣺��������ػ���
19.vue2֪ʶ�㣺ȫ���¼����ߣ�GlobalEventBus��
20.vue2֪ʶ�㣺��Ϣ�����뷢��
21.vue2֪ʶ�㣺nextTick�
22.vue2֪ʶ�㣺Vue��װ�Ĺ����붯��
23.vue2֪ʶ�㣺·��
24.vue2֪ʶ�㣺vm���ô�$�������
25.vue���ͨ�Ű�����ϰ���������������ͨ�ż�ƽ�����ͨ�ţ�
26.
27.vue2�������ͨ�Ű�����ϰ����������Todo-list������ϰ
28.vue2�������ͨ�Ű�����ϰ���Ѱ���Todo-list��д�ɱ��ػ���
29.vue2�������ͨ�Ű�����ϰ���Ѱ���Todo-list�ij�ʹ���Զ����¼�
30.vue2�������ͨ�Ű�����ϰ���Ѱ���Todo-list�ij�ʹ��ȫ���¼�����
31.vue2�������ͨ�Ű�����ϰ���Ѱ���Todo-list�ij�ʹ����Ϣ�����뷢��
32.vue2�������ͨ�Ű�����ϰ���Ѱ���Todo-list�����༭��ť
33.vue2�������ͨ�Ű�����ϰ���Ѱ���Todo-list�ij�ʹ�ö��������
34.ѧϰvue2�����������⼰�����ܽ�
到此这篇vue安装脚手架步骤(vue脚手架使用教程)的文章就 介绍到这了,更多相关 内容请继续浏览下面的相关 推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdvuejs/39173.html