美文网首页
创建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