用@vue/cli 创建项目

学习Vue是根据《Vue.js项目开发实战》张帆写的。这本书看的,这本书是 node v8.6.0、npm 5.4.2;vue-cli好像是3.多的吧。自己查了一下,我这会新的是4.*。

首先就是安装vue-cli,发现用

npm install vue-cli --save-dev

npm install @vue/cli --save-dev

都不行,最后改用了yarn才安装成功。

yarn add @vue/cli --save-dev

查看版本号的命令也变了,书上写的是

vue -version

改为了

vue -V

V 一定要是大写的V,当然你写的不对,它也会提示你的。

细节或许有的会忘记点,但自己踩的坑还是会提到,

创建项目的时候,书中是初始化一个webpack项目

vue init webpack movie_view

自己试了好久发现成功不了,报没有命令什么的。找了下4.*的发现创建项目也改变了。具体的看这个链接吧,写的挺详细的。

https://www.cnblogs.com/sese/p/11712275.html

我简单提下,

vue create project-name

会让你选择从哪个镜像拉数据,直接写Y回车,就好,我是自己回车的,好了之后,该路径下就有了项目文件夹,cd进入,然后

yarn serve

就可以启动,这个成功了之后它都有提示。起了服务之后,访问地址会出现。

直接在浏览器访问,

这跟书中成功的结果是一致的。开心……

发布了123 篇原创文章 · 获赞 29 · 访问量 13万+

猜你喜欢

转载自blog.csdn.net/m0_38044453/article/details/103237212