Vue中vue-cli3脚手架

vue-cli3创建vue项目

vue create vue-seller----vue-cli3

vue init webpack vue-seller----vue-cli2

创建后,最好选择手动:

image.png

你要集成什么就选就行了(注:空格键是选中与取消,A键是全选)

image.png

总结创建项目的要点:

  • vue create project【项目名称】
  • 最好手动现在需要的依赖

    image.png

  • 选择依赖要放的位置,最好选择放到独立文件夹中

    image.png

项目使用cube-ui

vue项目中使用的脚手架是vue-cli3,对应的安装cube-ui的命令:
vue add cube-ui

是否使用后编译:
image.png

image.png

安装完以后,下面是修改和添加的文件:
image.png

**cube-ui.js 管理cube-ui模块的引入

 theme.styl 管理cube-ui的颜色(修改颜色可以在这里面进行修改)

vue.config.js 类似以前的webpack.js文件,进行一些配置**

项目中mock中的data数据

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章