创建vue-cli2项目

创建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项目成功


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue在Windows系统下本地项目的安装与部署 转自CSDN的:AI吕小布:https://blog.csdn....
    罗海桂阅读 7,269评论 0 0
  • Vue集成项目一般是用vue-cl脚手架来创建,也可以偷懒用别人建好的项目自己拷贝一份。在创建项目时Vue-cli...
    随缘而处阅读 920评论 0 0
  • Vue是近两年来比较火的一个前端框架(渐进式框架吧),与reactjs和angularjs三国鼎立,我不是职业前端...
    玄木阅读 273,098评论 70 259
  • 我这几天一直在回顾写日记的事,不回顾不知道,一回顾真的吓一跳,过去我对语文一直不感冒,从未想过此生会和文字搭上半点...
    冢虎欢喜哥阅读 1,147评论 1 30
  • 欢迎访问我的个人博客: 魅力安卓 最近对共享单车真是着了迷。元宵节的时候跟小伙伴骑着小黄车,在天安门附近长安街上好...
    魅力安卓阅读 892评论 0 0