安装vue-cli2.0并创建项目

1 安装node

• 之前写的博客中介绍了如何安装：NodeJS的安装【windows】。
• 安装完毕后，可以在命令行中输入node -v和npm -v，若出现版本号，则安装成功。

2 安装vue-cli

• 输入npm install -g @vue/cli 。
• 可能出现的错误：4048错误。
  解决方法：以管理员身份运行命令提示符，然后安装。
• 输入vue -v，若出现版本号，则安装成功。

3 创建基于webpack模板的项目

• 转到项目想要创建的文件夹，这里设置的是桌面：cd /d %userprofile%\Desktop。
• 输入vue init webpack todolist。
  
  这里可能会出现错误：Command vue init requires a global addon to be installed. Please run npm i -g @vue/cli-init and try again.，按照提示输入npm i -g @vue/cli-init 即可。
• （若出现上述错误）再次输入 npm i -g @vue/cli-init，然后根据提示依次输入即可。
  
• 项目创建成功，启动项目：cd todolist，npm run dev。
  
• 项目运行成功。
• 在浏览器输入localhost:8080可显示该页面。

4 项目结构

• build：项目的webpack配置文件。
• config：针对开发环境和线上环境的一些配置文件。
• node_modules：项目的依赖。
• src：源代码，src-main.js：整个项目的入口文件。
• static：静态资源。