7. vue-cli 安装和使用脚手架

时间:2020-12-25 11:19:00
vue-cli
  官方配置的关于使用vue的各种功能,这些功能叫做脚手架

 

npm install yarn

 

1.安装vue-cli 只需要安装一次
  npm install -g @vue/cli
  # OR
  yarn global add @vue/cli

 

2.创建项目
  vue create 项目名称

 

3.千万不要走default配置(不然会有esLint,一个不小心就出现语法错误)
  使用上下键切换配置 (Manually select features)

 

4.选择配置项,按空格选中

自己整理的笔记:  (自己的课件2019-01-05) 

这个文件夹交你如何下载、搭建: vue的脚手架、配置、下载
先看文件 1 里面有详细的下载步走。

安装完之后:1.打开自己在安装时起的名字 的文件夹
      2.打开 src 文件夹
      3.打开 components 文件夹。在这里就可以使用 vue的脚手架

运行服务器:
  cd .\app\ (cd 空格 加地址)
  npm run serve
登录网页,输入 localhost:8080

使用:1.在components 文件夹中写 组件
   2.在 src 文件夹 的 App.vue 文件中导入 组件
(参考课件 2019-1-5)