Vue.js知识点总结 (脚手架Vue CLI3的安装)

文章目录

    • 安装
      • 安装命令
      • 卸载命令
      • 安装中
      • 安装完成后
    • 图形化界面

当我们要提高效率,采用单文件组件的开发模式,以及第三方vue的ui库时,就需要用到脚手架,那么,如何安装脚手架?本篇是讲关于脚手架Vue CLI3快速安装

安装


安装命令

npm install -g @vue/cil
条件:node.js的版本在8.9以上

卸载命令

npm uninstall vue-cil -g

安装如图所示:
Vue.js知识点总结 (脚手架Vue CLI3的安装)_第1张图片

安装中

Vue.js知识点总结 (脚手架Vue CLI3的安装)_第2张图片

安装完成后

Vue.js知识点总结 (脚手架Vue CLI3的安装)_第3张图片

输入地址后如果出现这个界面(url为localhost:3000 或 http://127.0.0.1:3000)
Vue.js知识点总结 (脚手架Vue CLI3的安装)_第4张图片
就说明你运行成功了,恭喜恭喜


图形化界面

在控制台输入命令:vue ui
Vue.js知识点总结 (脚手架Vue CLI3的安装)_第5张图片
输入命令启动后,浏览器会默认打开这个页面,该页面就是图形化的vue脚手架管理器
Vue.js知识点总结 (脚手架Vue CLI3的安装)_第6张图片

你可能感兴趣的:(前端_Vue.js)