vue项目开发前的简单部署(学者说)

关于一个项目开发前的准备

1.node.js环境搭建和npm的安装

在这里插入图片描述
安装完成后运行cmd命令,输入node -v出现下图提示的版本号就表示安装成功了

在这里插入图片描述

2.安装全局vue-cli 脚手架

(1)安装命令:npm install -g vue-cli 回车,等待安装;(如果不全局-g,只能在指定目录下使用脚手架)
在这里插入图片描述
(安装后通过命令 vue -V 查看版本号,有版本信息即可确定已经安装成功)
(2)创建项目:vue init webpack (文件夹名),回车,成功后出现项目文件夹
在这里插入图片描述
(3)启动项目:npm run serve,回车,启动项目,根据端口号进入页面
在这里插入图片描述

3.配置常用配置

npm install axios --save   (axios的下载指令)
npm install element-ui --save  (pc端很好用的框架,可根据需求安装)
npm install vant-ui --save    (移动端很好用的框架,可根据需求安装)

4. axios的引入和项目里的配置

(在项目文件目录的main.js里进行axios的配置)
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/SSansui/article/details/111225982