vue/cli开发

116 阅读1分钟

传统开发

传统开发需要自己去创建项目,相对繁琐复杂

image.png

vue/cli开发

在webpack环境中开发vue,这是最推荐, 企业常用的方式
image.png

vue-cli是vue官方提供的一个基于webpack的全局模块包(通过命令工具行来使用), 用来快速创建一个脚手架项目。命令行: vue create 项目名称

2. 选择模板

通过键盘的上下箭头选择合适的模板,如果选择错了,可以按下ctrl+c终止操作。

3. 回车安装依赖

等待脚手架工作自动生成项目文件夹+文件, 并下载必须的第三方包。可能要花点时间

4. 启动项目

进入脚手架项目下, 启动服务,查看效果

1.  cd vuecil-demo
2.  npm run serve

image.png

看到这行提示就可以开始写代码了,Local地址就是你的项目地址