vue环境配置

1、安装node.js

官网下载，安装后，检查：node -v , npm -v 查看是否吸纳是版本信息；

使用 npm install npm -g 更新至最新；

2、安装 淘宝镜像（cnpm）

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、全局安装 vue-cli

npm install --global vue-cli

或 sudo npm install vue-cli -g

安装完vue-cli之后要先安装webpack才能进行打包

4、安装webpack

npm install webpack -g

5、创建vue项目工程

vue init webpack vue-demo

cd vue-demo

npm install //安装项目依赖

npm run dev //运行项目，ctrl+c/control+c退出运行

6、查看项目结构

• main.js 是我们的入口文件，主要作用是初始化vue实例并使用需要的插件
• App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的自组件。所以我将router标示为App.vue的子组件。
• index.html文件入口
• src放置组件和入口文件
• node_modules为依赖的模块
• config中配置了路径端口值等
• build中配置了
• webpack的基本配置、开发环境配置、生产环境配置等