vue.js学习笔记3 vue.cli安装与简介

vue.js学习笔记3 vue.cli

一、脚手架工具vue-cli的安装

1. 安装vue.cli

   （1）安装vue.cli前需要安装node.js，官网下载：
   
   安装完之后需配置环境变量：
   
   检测安装成功：
   
   （2）安装vue.cli

   a.全局安装vue脚手架工具 npm install --global vue-cli
   
   b.创建一个基于webpack模版的新项目 vue init webpack my-project（my-project为自己的工程名）
   
   c.进入到项目目录 cd my-project
   
   d.运行项目 npm run dev
   
   安装完成之后在安装路径生成一个todolist的文件夹：
   
   vue.cli已经安装完成。

二、vue-cli代码结构简介

• build目录下放置的是项目的webpack配置文件，可以不动。

• config是针对线上环境和开发环境的配置文件，也可以不动。

• node_modules 指的是项目的依赖。

• src 指的是源代码放置的目录。

• static放置的是静态的资源。

• src中的main.js文件是整个项目的入口文件。

• index.html是整个网页最外层的html文件。