从零开始的VUE项目(一)：通过VUE CLI创建项目

• 1.安装VUE CLI
• 2.创建项目
• 3.项目简介
• 4.安装element UI

1.安装VUE CLI

首先需要安装node.js，直接安装最新版本~没毛病。
其次安装VUE CLI:
　官方文档：https://cli.vuejs.org/zh/guide/installation.html

2.开始创建项目

打开电脑命令行。CMD命令行或者win10自带的PowerShell。cd到工作目录。前置工作完成

#创建vue项目命令
vue create link-demo

创建项目时可能出现“Error: not found: python2”错误。通过stackoverflow的解决办法，执行后重新创建即可。

npm set SKIP_SASS_BINARY_DOWNLOAD_FOR_CI = true
npm set SKIP_NODE_SASS_TESTS = true
#若安装依赖碰见该错误，需要再执行下方命令（清除缓存），之后再重新下载依赖
npm cache clean --force

3.项目简介

package.json与vue.config.js的区别：package.json中配置的是npm的配置信息，比如项目配置的依赖等。vue.config.js中配置的是webpackage的信息，告诉webpackage打包信息。

组件文件的使用注意：

项目启动：
通过package.json的script查找启动命令。

4.安装element UI

官方文档
1) 下载依赖
在编辑器中执行 “ npm i element-ui -S ” 命令
图为vscode打开命令窗口

2) 引入项目
在main.js中引入依赖。下图为.ts文件是因为我引入TypeScript模块。.ts文件能编译成原生js，TypeScript可以使JavaScript面向对象编程更便捷。