安装vue-cli

npm install vue-cli -g

初始化webpack

vue init webpack 项目名字

在初始化后的这些东西中一些参数：

1.修改端口号

2.引入路径配置的快捷键@

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

4.我们平常写的webpack.config.js在这里，也就是我们默认打包的也是靠这个文件，要修改要打包的路径是在其 entry中修改路径或文件

我们把不用的东西剔除掉：

• 1.把helloworld.vue 删除

• 2.router文件夹中 对helloworld.vue的引用删除，routes中的配置删除成一个空数组

• 3.把App.vue中的中的内容删除，style样式删除，然后在div中写入”hello”

• 4.npm run dev 运行 打开8080地址得到：

文件夹结构：

在阿里巴巴图标网获取想要的图标：

• 1.找到要用的图标加入购物车，给项目起名->确定

• 2.

• 3.

• 4 .在html中引入  
  

• 
  

转载请注明： Vue教程中文网 - 打造国内领先的vue学习网站-vue视频,vue教程,vue学习,vue培训 » 基于vue脚手架初始化项目