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的基本配置、开发环境配置、生产环境配置等

你可能感兴趣的:(vue环境配置)