【Vue_项目搭建部署】VUE快速入门——部署_安装ele等

本是古典何须时尚 2024-03-16 17:19 49阅读 0赞

### 检查是否安装 ###

### node npm ###

`npm -v`  
·`node -v`·  
![在这里插入图片描述][0e278f07822a4b888fe56f9283cd724c.png]

#### 全局安装`yarn` ####

`npm install -g yarn`  
![在这里插入图片描述][f4238bf888954b52b5f859eadf78fd21.png]

![在这里插入图片描述][07d409dff52c49db95886b543fba6d6e.png]

### 安装完后，可以配置yarn的淘宝镜像 ###

yarn config get registry    //查看当前配置的镜像源
    //https://registry.yarnpkg.com
    yarn config set registry http://registry.npm.taobao.org/

[注明原文][Link 1]

### 安装 脚手架 ###

#### 检查 ####

`vue -V`  
![在这里插入图片描述][b9c2399dfca443cda5e5f8b54c066b55.png]

#### 创建项目 ####

`vue create my-xxx`

#### 启动验证 ####

`npm run serve`  
![在这里插入图片描述][79d546a703b04f4cb3642a97bdc00901.png]

### `axios element-ui vue-quill-editor vue-table-with-tree-grid` ###

·`npm install -g axios element-ui vue-quill-editor vue-table-with-tree-grid`·  
![在这里插入图片描述][2069bebdbe6549bfbefd2f2fd22d933c.png]

### 富文本编辑器 ###

·`p>npm install vue-quill-editor`·  
![在这里插入图片描述][39f395c5e8c845dfb25ce1e5a474087f.png]

`![在这里插入图片描述](https://img-blog.csdnimg.cn/15db2757dccd4bec950b9e91bfaafa40.png)`![在这里插入图片描述][3bb8608bd0334b56b18cb0aa19fee655.png]

[0e278f07822a4b888fe56f9283cd724c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/ede7093c230b4305a9e5bece5ad5050b.png
[f4238bf888954b52b5f859eadf78fd21.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/3da21c4b814542ac93ed209dce1337cd.png
[07d409dff52c49db95886b543fba6d6e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/2538416354864d4f8b04e2ac81957025.png
[Link 1]: https://www.cnblogs.com/bllx/p/11190243.html
[b9c2399dfca443cda5e5f8b54c066b55.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/d47dc015f17246dd901c5884a91af606.png
[79d546a703b04f4cb3642a97bdc00901.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/e0b490f9c8744ccb8bb8be326ee463c4.png
[2069bebdbe6549bfbefd2f2fd22d933c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/1060b3c0a4ef4285bb4a28fb912a2672.png
[39f395c5e8c845dfb25ce1e5a474087f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/15ce516ebf4c4c8fa14390b944122ae3.png
[3bb8608bd0334b56b18cb0aa19fee655.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/e76be6b173af4548be4bc3c6a50b8f7b.png