很详细的vue-cli@3.0,看完就懂

2018-11-23  本文已影响0人  小丸子超级可爱

原文地址:一份超级详细的vue-cli@3.0 (强烈推荐)

1.卸载旧版本

npm uninstall vue-cli -g

2.安装新版本

npm install -g @vue/cli

node版本必须在8.9以上 .node-v检查版本

3.创建项目

vue create vue-study

4.选择模版

选择模板

a)第一个模板是默认的模版,只有babel和eslint。第二个模板是自己手动选择的模板,选择第二个,按向下的快捷键便可选择到第二个,然后会让你自动选择你需要安装什么


b)我选择的是babel,router,vuex,css,

c)如果你选择了Css预处理器选项,会让你选择这个,我们用的是sass


d)是否使用路由的history模式:

这里我建议选No,这样打包出来丢到服务器上可以直接使用了,后期要用的话,也可以自己再开起来。

选yes的话需要服务器那边再进行设置。



e)把babel,postcss,eslint这些配置文件放哪:区别就是,放在package.json还是单独放到其他文件


f)是否保存配置,如果保存的话,下次在选择模板那里第一个就会出来你自己命名的模板,选择是的话会让你起个名字

g)会车结束后,自动安装依赖,会告诉你命令行

5.运行npm run serve,启动项目

6.可以试试图形化界面创建/管理/运行项目:vue ui,可以用来管理自己的vue项目,可以点击按钮,让项目运行,安装插件什么的。

附:

上一篇下一篇

猜你喜欢

热点阅读