Vue学习笔记一：初识vue

搭建Vue环境

• 官网下载nodejs https://nodejs.org/en/
• 查询node版本node -v及npm版本npm -v
• 安装淘宝npm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org
• 全局安装 vue-cli sudo cnpm install --global vue-cli
• 创建一个基于 webpack 模板的新项目 vue init webpack my-project
• 编译项目 cnpm install
• 运行项目 cnpm run dev
• 即可访问 http://localhost:8080

初识Vue项目结构

• build 项目构建(webpack)相关代码
• config 配置目录，包括端口号等
• node_modules npm 加载的项目依赖模块
• src 开发的目录，包含了以下目录及文件:
  
  • assets 放置一些图片，如logo等。
  • components 目录里面放了一个组件文件，可以不用。
  • App.vue 项目入口文件，可以直接将组件写这里，而不使用 components 目录。
  • main.js 项目的核心文件。
• static 静态资源目录，如图片、字体等。
• test 初始测试目录，可删除
• .xxxx 这些是一些配置文件，包括语法配置，git配置等。
• index.html 首页入口文件，可以添加一些 meta 信息或统计代码。
• package.json 项目配置文件。
• README.md 项目的说明文档，markdown 格式