安装
一、先安装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导进去。
网友评论