安装使用之前,先了解这4个东西是用来干什么的。
npm: Nodejs下的包管理器。
webpack: 它的主要用途是根据CommonJS的语法所有需要发布的静态资源做相应的准备,比如资源的合并和打包。
vue-cli: 用户生成Vue过程模板,即给你一套vue的结构,包含基础的依赖库。通过npm install -g @vue/cli安装。
element-ui: 网站快速成型工具,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
一、下载安装Nodejs,安装完成之后才可以使用npm命令install相应的组件。
下载地址:http://nodejs.cn/download/
输入 npm -v查看版本号,显示版本号说明安装成功!出现错误请复制错误信息自行百度。
二、安装webpack
以全局的方式安装(不推荐):在刚才输入npm -v的命令行界面,输入以下命令:
npm i webpack -g
但是通常并不是所有项目都需要webpack,所以推荐将webpack安装到项目的依赖中:
1 进入项目
2 确定已经有package.json,没有就通过npm init 创建
3 安装webpack 依赖: npm i webpack --save-dev
安装的过程中可能会很慢,一直卡在那转圈。原因你懂得,我们上的是一个局域网,外面的世界不是你想看就能看的。如果你不能翻墙,那你就在命令行界面,输入以下命令:
npm config set registry https://registry.npm.taobao.org
如果没有很慢,就不要更改设置。
三、安装vue-cli
vue教程
1 文档:https://vuejs.bootcss.com/guide/deployment.html
2 视频:https://www.bilibili.com/video/BV15741177Eh?from=search&seid=14301831892928171658
安装命令:npm install -g @vue/cli
创建项目,基于vue 3.0:vue create hello-vue
启动项目:
cd hello-vue
npm run serve
四、安装element-ui
使用教程
1 文档:https://element.eleme.cn/#/zh-CN/component/installation
2 视频:https://www.bilibili.com/video/BV1NK4y187XH?from=search&seid=11474691672045299918
安装命令:npm i element-ui -S
引入:在main.js中进行引入
import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;
import App from ‘./App.vue’;
Vue.use(ElementUI);
原文地址:https://blog.csdn.net/weixin_44215249/article/details/113824899
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。