vue-cli 基本使用

vue-cli 基本使用

1、全局安装vue-cli 安装

npm install -g @vue/cli

2、通过vue创建一个项目

vue create hello-world

3、项目运行

cd hello-world
npm run serve

4、把项目编译成静态网页

注意：这里可能会出现打开空白这个问题，可以参考 https://www.cnblogs.com/azure-zero/p/13615526.html 解决，在项目的根目录下面新建vue.config.js文件:

module.exports = {
  publicPath: './'
}

编译命令：

npm run build

用Vue 指令编译

vue-cli-service build

5、增加router插件

vue add router

6、增加axios组件

vue add axios