创建vue-cli项目语法:
vue init webpack projectName
第三个参数是webpack模版选项,webpack基本上已经作为固定语法之一来进行选择了
工程名字这里不允许输入大写字母,全部为小写字母
创建cli过程中部分配置内容
install vue-router?(Y/N)
是否安装vue-router?这是官方的路由,大部分情况都使用
只要我们创建cli项目,router都是要选择上的。
router是用来页面的切换、跳转,如果没有router,页面的跳转就会出现一些问题
Use ESLint to lint your code?(Y/N)
是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,一般项目中都会使用
其他选项选择默认即可
最后,启动vue-cli项目
http://localhost:8080
这里创建一个cli的小例子
如果输入init命令,创建项目失败,很可能是安装vue环境有问题,只需要在该目录重新执行一次npm install -gd vue-cli命令即可
如果执行过程遇到Vue chromedriver_mac64.zip 出错,可以按下图试试,然后重新vue init webpack一次
等待命令执行成功后,vue的项目创建到目前就算创建成功了
进入该目录, cd test1
启动后端node的服务,npm run dev
复制cmd最后的网址访问,如果显示如下图,代表创建vue-cli2项目成功