vue-cil3搭建项目(仅限于window环境)

因为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

这样咱们的一个模板就建立好了,项目的目录以下:单元测试

相关文章
相关标签/搜索