在搭建项目时,需要编译babel,ts,less/sass,es6,使用webpack来配置项目虽然可以达到想要的效果,但是每次搭建项目时重复地搭建会浪费很多时间,在搭建vue项目时,使用vue-cli脚手架可以快速搭建响应式开发的demo。
使用vue-ui创建
输入vue ui
自动跳出一个图形化界面,点击左上角下箭头,然后点击项目管理器
会出现已经创建过的项目,点击创建创建新的项目
输入文件夹名字,点击下一步
选择预设要配置的插件,这里为了方便直接选择默认,然后点击创建项目
等待项目的创建
大功告成
使用命令行创建
vue create <目录名>
若是在当前目录下创建直接加.
选择Y则表示在当前目录下创建,N则返回原命令行
这里配置对应的插件,直接回车使用默认
等待框架搭载
npm run serve启动
这里的local就是我们打开项目的地址