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

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页