Vue-cli创建项目

Vue-cli脚手架地址: https://cli.vuejs.org/

安装方式很简单,我们可以参考: https://cli.vuejs.org/guide/installation.html

npm install -g @vue/cli

等待安装完成即可,这个取决于你网络的速度。

  • 
    询问使用哪种安装模式
    
  • 
    这里我们选择第二个
    
  • 
    这里勾选router和vuex
    
  • 
    问你是否使用history模式,配置可调,我这直接选择Y
    
  • 
    ESlint的报错提示,我开发时会关掉,所以选择默认了。
    
  • 
    默认
    
  • 
    这里我选择package.json
    
  • 
    是否保存配置用于未来的项目,我选择否。
    
  • 
    等待出现此界面表示配置完成
    
  • 
    运行提示命令进行启动
    
  • 
    出现此界面表示启动完成
    
    

这时候我们的项目已经启动完成了,我们打开浏览器查看一下。

输入127.0.0.1:8080,如果出现如下界面,控制台不报错,这就可以了。

标签: Vue, vue-cli