从零创建vue示例

搭建node环境

1.下载node(node官网)

安装node一路点next即可
2.window+R—cmd ----测试一下npm -v 以及node -v 显示版本号

3.执行以下命令（-g表示全局安装）
npm install -g vue
npm install -g @vue/cli

创建vue项目

1. 执行命令npm init vue@latest
2. 输入vue项目名称
3. 可选功能一直按回车，默认为NO；
   
4. 执行命令cd vue-demo,npm install,npm run dev
   

vue项目目录介绍

node_modules文件：项目依赖文件夹

public文件夹：一般放置一些静态的资源(图片），需要注意的是放在public文件中的静态资源webpack进行打包的时候，会原封不动的打包到dist文件夹中

src文件夹(程序员自己代码放置的地方)

assets文件夹：一般也是放置一些静态的资源(一般放置多个组件的静态资源)，需要注意的是放置在assets文件夹里面的资源在webpack打包的时候，webpack会把静态资源当作一个模块，打包在JS文件里面。

components文件夹：一般放置的是非路由组件(全局组件)

App.vue:唯一的根组件 Vue当中的组件

main.js:程序入口文件也就是整个程序中最先执行的文件

bable.config.js:bable(bable配置相关的文件）

package.json文件：包管理工具，记录着项目使用的第三方库

package-lock.josn:缓存文件，记录着package.json中第三方库的来源