Vue之网上商城项目之项目准备

• package.json:保存的是一些基础的数据
• index.html:模板文件，开发完成后，会自动注入到这个里面来
• gitignore:git就是仓库嘛，选择提交时所忽略的文件
• config:webpack相关的配置
• assets:公共的资源文件，可以在下面新建img、fonts、js、scss等相关directory
• components:存放公共的组件，如上面的Banner

 

主要分为以下几个步骤：

1. 环境搭建
2. 文件配置和目录结构修改
3. 公共资源的准备（阿里巴巴Iconfont好用！）

 

• 开发工具：WebStrom
• 更改自定义规则（根据自己团队的需要进行修改，eslintric.js下）

然后，应用规则，这里要输入命令行：（npm 或者cnpm都可以，cnpm用来获取远程地址，这里要注意，是在mall文件下面进行git Bash，否则会提示找不到package.json文件！）

 

 

• 接着就是修改相关配置文件index.js（解释一下这里为什么修改：便于手机也能访问，前提：在同一片网的情况下）

•  找到自己的ip地址（cmd下ipconfig），电脑手机就都能正常进行访问了
• 忘了一步，哈哈哈，记得 运行服务器：npm run dev
• 好了，看到如下界面，就代表成功了
• 
• 还需要新建几个目录 以及准备一点资源

• 去马爸爸家的图标库去下载所需要的到本地
• 接着就是index.html、main.js等的修改（不一 一详述）以及包的一点安装
• 
• 然后将绝对路径改为相对路径
• 
• 重新run start就ok咯
•