使用脚手架创建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 一般放置我们的模块,具体模