《VUE+Django:手把手教你打造自己的电商独立站》2.1 VUE开发环境部署

273 阅读1分钟

《VUE+Django:手把手教你打造自己的电商独立站》专栏写作大纲

《VUE+Django:手把手教你打造自己的电商独立站》1.3 后端技术选型

2.1.1 安装nodejs

首先要安装nodejs。进入到官网nodejs.org/zh-cn,下载一个适…

image-20230606152846-65d912z.png

2.1.2 安装vue-cli脚手架

其次安装vue-cli,便于我们快捷的创建一个网站应用框架,节省时间,提升开发效率。打开命令行窗口,运行以下命令

npm install -g vue-cli

NPM是nodejs提供的一个包管理工具。安装完成后运行vue --version,可以查看脚手架的版本,说明安装成功。

image-20230214152041-ecfn46g.png

另外,对于已经创建的项目,在项目的根目录下运行命令npm list vue,可以查看这个项目是vue2还是vue3的版本。

image-20230308171759-lx3v73y.png

2.1.3 安装ElementUI

目前和VUE2.0配合最好的是ElementUI,由饿了么团队开发的一个UI组件库。VUE3.0需要安装Element-plus。首先进入项目的根目录,运行以下命令

vue2安装Element-ui:npm i element-ui -S

image-20230308171544-vzt0l6d.png

vue3安装element-plus:npm i element-plus -S