美文网首页
创建vue项目

创建vue项目

作者: ddsfec | 来源:发表于2018-09-23 22:49 被阅读0次

    安装

    一、先安装vue-cli

    npm install --global vue-cli

    二、测试装好了没有

    直接在全局命令行敲vue 会给出提示

    三、cd找一个文件夹来放项目

    vue init webpack {my-project//项目文件夹名字}

    !!!大括号要换掉

    四、然后会问你一些选择,全部回车就可以了。

    五、创建过程中会失败,也可能卡着不动

      在终端里找这个关键字吧,chromedriver,就是因为这个被墙了才导致安装失败的。

     这时候直接关掉终端,然后起个终端执行

    npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

    这个镜像源好像也行https://npm.taobao.org/mirrors/chromedriver/2.34/

    六、装好后就直接关掉终端就行了。

    七、打开项目。

    这里推荐的工具是visual studio code

    八、运行

    直接在终端里敲,命令就行了,如果找不到终端了,在工具的顶部的菜单里可以找到终端

    npm run dev

    好了可以找到APP.vue把html删掉换你自己的了。

    附加1 不是cli项目咋办

    如果没有从官网吧库下载下来,用<srcipt>导包标签直接把vue导进去。

    PS:cli 3.0要来了,改动有点大的哦。

    相关文章

      网友评论

          本文标题:创建vue项目

          本文链接:https://www.haomeiwen.com/subject/eqnqoftx.html