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的安装)

安装中

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

安装完成后

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

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


图形化界面

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