使用脚手架创建vue项目

本文介绍了如何使用Vue CLI创建webpack和webpack simple项目,并强调了eslint和vue-router的重要性。详细说明了安装vue-router的步骤,同时提到了项目结构、配置代理解决跨域问题的方法,以及如何打包和运行项目。
摘要由CSDN通过智能技术生成

使用脚手架创建vue项目
使用vue脚手架创建的项目分两种,一种是webpack项目,一种是webpack simple项目,webpack项目使用于大型的项目,webpack配置文件修改起来比较方便,可配置项比较多,如果对webpack不熟悉的话,也会比较好修改
webpack simple项目把webpack 配置项压缩在一个文件里,如果是做测试,demo,练习用就够用了
命令如下:
vue init webpack test-demo //test-demo 是项目名称
vue init webpack-simple test-demo-simple //test-demo-simple:项目名称

其中eslint 建议大家安装,用来规范编码格式是再好不过的了
vue-router是必须要安装的

安装vue-router
npm install vue-router --save

步骤如下:
安装vue-cli(vue脚手架)仅第一次 npm install –-global vue-cli
创建一个基于webpack模板的新项目 : vue init webpack shop
在这里插入图片描述
其他 node_mudules是插件的安装目录,不要动
build && config是 webpack 配置的目录,
src 是我们的开发目录
src/assets 放置公共的样式文件,图片和js脚本
src/component 一般放置我们的模块,具体模

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值