vue.js + ElementUI 应用一、搭建环境

血和泪的经验，vs 2017 、vs2019  放弃开发vue.js+elementUI，主要因为vs 不能代码提示，写起来很麻烦，后期开发成本大。

劝各位使用vs code，如果有大神解决vs 代码智能提示的问题，请评论区鞭笞我。并附上解决办法。

vs code 系统切换中文 shift+ctrl+p  输入：configure display language 

install 安装简体中文语言包，也可安装其他包

 

vs code 第一步

1、安装npm node.js

Node.js 官方网站下载：https://nodejs.org/en/download/

下载然后一步一步安装就好了

2、配置更改镜像，因为默认npm下载地址是：https://registry.npmjs.org/，服务器在国外下载会很慢，我们使用淘宝镜像来提高下载速度。

设置命令：npm config set registry https://registry.npm.taobao.org

检查命令：npm config get registry

也可通过cnpm使用

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装 vue 脚手架

命令：npm install -g vue-cli (安装vue脚手架2.x版本 不推荐) 或  npm install -g @vue/cli  (安装vue脚手架3.x 推荐)

如果安装命令报错，先删除vue脚手架（npm uninstall vue-cli -g），添加执行安装命令

4、切换到你你要存放项目的文件夹，也可一开始就切换到此文件夹，最好在文件夹地址栏cmd

5、创建工程项目

验证vue 安装成功且安装为vue cli 3以上时，检查命令：vue --version, 用以下命令创建工程项目

命令：vue create 项目名称

只能为英文+数字 且名称不能包含大写字母

创建后会提示是否默认还是手动选择，都可以自己根据需要来判断，我选的手动，之后只保存label 通过空格键取消选择，然后选择package.json

6、通过命令自动补全安装包

命令：npm install .

7、安装ElementUI

命令：npm i element-ui -S     i = install

8、初步运行项目

命令：npm run serve

9、初步生成项目，此处生成的项目是发布到线上用的

命令：npm run build