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