因为vue-cil的更新 ,使用原先的vue init webpack projectName 这个命令已经没法建立新的项目了,因此采用了vue-cil3来搭建项目:css
环境配置: 首先肯定你的电脑上最好有高版本的node,使用node -v来检查版本的级别,个人版本是vue
安装最新版本的vue-cil(意思是若是你已经安装了vue-cli (1.x or 2.x)的版本,你须要先卸载后再安装)node
npm uninstall vue-cli -g // 卸载旧版本
复制代码
安装新版本webpack
npm install -g @vue/cli
复制代码
安装完毕以后,打开终端,输入web
vue create vue-test
复制代码
根据出现的提示,进行配置:vue-cli
按住ctrl选择你要选择的,此处咱们选择须要Babel编译、使用Vue路由、Vue状态管理器、CSS预处理器、代码检测和格式化、以及单元测试,暂时不考虑端到端测试(E2E Testing)npm
路由选择会提示咱们是否选择history模式,选择ybash
能够按照本身的项目须要选择,这里个人css预处理选择的是less,最后会出现是否将其保存为模板;less
这样咱们的一个模板就建立好了,项目的目录以下:单元测试