vue脚手架 基于vue脚手架初始化项目

Vue项目构建初始化安装vue-cli

npm安装vue-cli -g

初始化webpack

vue init webpack项目的名称

初始化后这些东西中的一些参数:1。修改端口号

2.介绍路径配置的快捷键@

3.配置一些快捷方式来运行

4.我们通常编写的webpack.config.js就在这里，也就是说，默认情况下我们也依赖这个文件进行打包。修改要打包的路径就是修改其条目中的路径或文件。

让我们把没用过的东西扔掉；

1.把helloworld.vue 删除2.router文件夹中 对helloworld.vue的引用删除，routes中的配置删除成一个空数组3.把App.vue中的中的内容删除，style样式删除，然后在div中写入”hello”4.npm run dev 运行 打开8080地址得到： 文件夹结构： 在阿里巴巴图标网获取想要的图标：1.找到要用的图标加入购物车，给项目起名->确定234 .在html中引入