Vue搭建项目的流程

Vue项目的搭建流程

1、检查是否安装node

node -v

2、检查是否安装vue

vue -V

3、下载vue-cli框架

在这里我用的是命令窗口下载，还可以用可视化窗口下载

vue create demo  //回车

在这里选择最后一个，手动选择功能，然后回车

在这里可以选择一些配置项，(Babel,Router,Vuex,CSS)，然后回车
上下键可以来回选择，空格键可以选中或取消选中

是否选用历史路由，我在这里选择no，然后回车

选用哪种css解析器，我在这里选择的是node-sass

是否把Babel、scss、ESLin放在一个单独的文件夹里，我在这里选择第一个，是在一个单独的config文件里

将其保存为未来配置的预配置，也就是说，下次做项目的时候，直接使用这一次的模板
在这里我选择no，每次写项目都手动配置一次，然后回车

回车后，项目就下载完了

cd demo   //进入demo文件夹
npm run serve  //启动vue项目

在浏览器的地址栏输入http://localhost:8080/

如果你走到这一步，那恭喜你已经成功的搭建起你的项目了

---

用你的编辑器打开你的项目