阅读 338

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

由于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,最后会出现是否将其保存为模板;

这样我们的一个模板就创建好了,项目的目录如下:

关注下面的标签,发现更多相似文章
评论