Vue-cli使用

vue-cli

安装

npm install -g @vue/cli
或
yarn global add @vue/cli

安装完成后会有vue命令

vue命令的使用

vue create 项目名
如果遇到卡着不动的情况直接ctrl+c重新安装

安装插件

vue add 插件名

看到项目结构中有.vue文件，是基于vue-loader的一个文件类型，webpack会把.vue文件当做是一个模块

在vue中有三个结构

• template html
• script js
• style css
  我们可以通过sc直接生成结构，前提是装了vetur插件，或者直接装vue vs code extension pack插件

当我们把{}作为模块导出时，template会变成{}中的template选项

运行项目

npm run serve
或
yarn serve

如果装了eslint代码规范工具，内面就不可以有console这样的东西

App.vue这个组件会直接将html文件中的#app覆盖掉，app.vue是最大的一个组件，一般情况下我们不会动它，