vue_环境搭建入门

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq3399013670/article/details/89787338

1、安装

• 安装node.js 下载链接https://nodejs.org/en/

如何查看是否安装成功：黑窗口（命令行）中输入：node -v

• 安装vue.js

npm install vue

• 安装vue-cli工具

 npm install --global vue-cli

• 安装webpack

npm install webpack -g

• 创建vue的demo项目

vue init webpack demo_vue

2、项目目录

• dist文件是后面执行webpack指令生产的，不用管；
• webpack.config.js 配置文件，本身也是一个标准的Commonjs规范的模块；
• routes.js文件放路由配置文件；
• index.html首页入口文件
• App.vue是项目入口文件。
• main.js这是项目的核心文件。全局的配置都在这个文件里面配置。
• components目录里面放了公共组件header文件。