vue_cli搭建项目脚手架

步骤

1. 在文件夹右键打开终端，或在vscode中打开终端，输入以下命令。

// An highlighted block
vue create +项目名

• 脚手架目录:public + assets文件夹区别
• node_modules:放置项目依赖的地方
• public:一般放置一些共用的静态资源，打包上线的时候，public文件夹里面资源原封不动打包到dist文件夹里面
• src：程序员源代码文件夹
  • assets文件夹：经常放置一些静态资源（图片），assets文件夹里面资源webpack会进行打包为一个模块（js文件夹里面）
  • components文件夹:一般放置非路由组件（或者项目共用的组件）
• App.vue 唯一的根组件
• main.js 入口文件【程序最先执行的文件】
• babel.config.js:babel配置文件
• package.json：看到项目描述、项目依赖、项目运行指令
• README.md:项目说明文件