初次使用脚手架创建Vue项目并导入ElementUI组件

初次使用脚手架创建Vue项目并导入ElementUI组件
①安装node.js
②安装Vue CLI 脚手架

npm install -g @vue/cli
# OR
yarn global add @vue/cli

使用vue --version 或者 vue -V 测试vue是否安装成功,如果出现vue的版本,则安装成功

以管理员身份打开cmd,并进入需要创建项目的目录下,执行vue create +项目名例如vue create hello-world
注:项目名不能含有大写字母,使用vue ui 可使用图形用户界面

下面系统将提示您选取一个预设。您可以选择基本 Babel + ESLint 设置附带的默认预设,也可以选择"手动选择功能"以选择所需的功能。
此后项目创建成功。

在下项目中导入Element
同样,以管理员身份打开cmd,并进入需要创建项目的目录下,执行vue add element 命令,此后会出现两个选项,Fully import (全部添加)Import on demand (按需添加),根据个人需要进行选择,后面我们选择中文的版本就ok。

完成之后,通过cdm在项目文件夹下执行命令 npm run serve 即可执行项目。

你可能感兴趣的:(vue.js,node.js,elementui,前端)