提交 53a21e06 编写于 作者: Z zhaoss

结构修改

上级 56036c78
{
"node_id": "vue-5421c0d63bd24a34929175e0c31f2759",
"keywords": [],
"keywords_must": [],
"keywords_forbid": []
}
\ No newline at end of file
{
"type": "code_options",
"author": null,
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "ff25ada43c004da08d40a23b98c3bcab"
}
\ No newline at end of file
# 通过脚手架创建项目
 <div style="color: pink;font-size:22px;font-weight:700">小常识:</div>
<br>
**创建Vue项目**
> 在要创建项目的文件夹下面打开Powershell窗口
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200728104924858.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
> 输入命令 vue create 项目名称
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230344767.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
选择第二项
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230458492.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
回车后
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230604113.png)
<br/>
选择是否使用历史路由 no 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230655384.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
选择 Less 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230733469.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
选择第三个 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230815578.png)
<br/>
选择第一个 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230835328.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
选择第一个 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230905737.png)
<br/>
是否保存模板 选择no
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721231628826.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
完成啦
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721233714426.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试:</div>
关于vue-cli的安装以下说法不正确的是?<br/><br/>
## 答案
手动选择特性,无法保存已选项
## 选项
### A
手动设置则提供了更多的选项,它们是面向生产的项目更加需要的
### B
可以选默认的preset也可以选“手动选择特性”来选取需要的特性
### C
使用vue create命令来创建项目
{
"node_id": "vue-be7de8061d2443dead0d472870a1fa1b",
"keywords": [],
"children": [],
"export": [
"exercises.json"
],
"keywords_must": [],
"keywords_forbid": []
}
\ No newline at end of file
{
"type": "code_options",
"author": null,
"source": "exercises.md",
"notebook_enable": false,
"exercise_id": "04390e4a329d47fea0922d0908683d33"
}
\ No newline at end of file
# 通过脚手架创建项目
 <div style="color: pink;font-size:22px;font-weight:700">小常识:</div>
<br>
**创建Vue项目**
> 在要创建项目的文件夹下面打开Powershell窗口
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200728104924858.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
> 输入命令 vue create 项目名称
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230344767.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
选择第二项
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230458492.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
回车后
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230604113.png)
<br/>
选择是否使用历史路由 no 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230655384.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
选择 Less 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230733469.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
选择第三个 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230815578.png)
<br/>
选择第一个 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230835328.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
选择第一个 回车
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721230905737.png)
<br/>
是否保存模板 选择no
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721231628826.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
完成啦
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/20200721233714426.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70)
<br/>
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试:</div>
关于vue-cli的安装以下说法不正确的是?<br/><br/>
## 答案
手动选择特性,无法保存已选项
## 选项
### A
手动设置则提供了更多的选项,它们是面向生产的项目更加需要的
### B
可以选默认的preset也可以选“手动选择特性”来选取需要的特性
### C
使用vue create命令来创建项目
......@@ -927,58 +927,6 @@
"keywords_forbid": []
}
},
{
"UI组件库": {
"node_id": "vue-5421c0d63bd24a34929175e0c31f2759",
"keywords": [],
"children": [],
"keywords_must": [],
"keywords_forbid": []
}
},
{
"自定义指令": {
"node_id": "vue-dd3cf10beab045fb80ade1f770dbd7b1",
"keywords": [],
"children": [
{
"注册自定义指令": {
"node_id": "vue-52bb602d32dd4af7b584430431209819",
"keywords": [],
"children": [],
"keywords_must": [
[
"vue",
"注册",
"自定义指令"
]
],
"keywords_forbid": []
}
},
{
"钩子函数和参数": {
"node_id": "vue-1b10c2b6e78146de8ec97c38b65716ed",
"keywords": [],
"children": [],
"keywords_must": [],
"keywords_forbid": []
}
},
{
"动态指令参数": {
"node_id": "vue-64bb319e721b4813a5e24f5ff7681eaa",
"keywords": [],
"children": [],
"keywords_must": [],
"keywords_forbid": []
}
}
],
"keywords_must": [],
"keywords_forbid": []
}
},
{
"webpack打包工具": {
"node_id": "vue-514f360d67ba46ae8c05a4f49feadeff",
......@@ -1109,6 +1057,58 @@
"keywords_must": [],
"keywords_forbid": []
}
},
{
"自定义指令": {
"node_id": "vue-dd3cf10beab045fb80ade1f770dbd7b1",
"keywords": [],
"children": [
{
"注册自定义指令": {
"node_id": "vue-52bb602d32dd4af7b584430431209819",
"keywords": [],
"children": [],
"keywords_must": [
[
"vue",
"注册",
"自定义指令"
]
],
"keywords_forbid": []
}
},
{
"钩子函数和参数": {
"node_id": "vue-1b10c2b6e78146de8ec97c38b65716ed",
"keywords": [],
"children": [],
"keywords_must": [],
"keywords_forbid": []
}
},
{
"动态指令参数": {
"node_id": "vue-64bb319e721b4813a5e24f5ff7681eaa",
"keywords": [],
"children": [],
"keywords_must": [],
"keywords_forbid": []
}
}
],
"keywords_must": [],
"keywords_forbid": []
}
},
{
"UI组件库": {
"node_id": "vue-5421c0d63bd24a34929175e0c31f2759",
"keywords": [],
"children": [],
"keywords_must": [],
"keywords_forbid": []
}
}
],
"keywords_must": [],
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册