安装nodejs
在中文官网 http://nodejs.cn/download/ 下载node直接下一步到底就安装成功了
设置淘宝镜像使用cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
全局安装vue/cli
$ cnpm install -g @vue/cli // 第一种方式
$ yarn global add @vue/cli // 第二种方式
vue -V 查看版本/是否安装成功，一般都会出现3.X以上的版本
创建项目
在一个新建目录下打开命令行执行：vue create my-project （my-project是项目名称）
或者 vue ui 我这里是用vue ui
image.png
在浏览器访问http://localhost:8000就会出现下面的页面
image.png
image.png
image.png
点击创建项目就可以到创建项目的页面：
image.png
image.png
image.png
下面就开始选择想要的功能了：
image.png
image.png
image.png
不熟悉的话就不保存预设，多设置几遍，方便学习
然后就是等待啦！ 我觉得有点慢
image.png
等待完成就可以看到：
image.png
用vue安装依赖是少不了的 axios、vant（前端ui框架，原谅我不是专业前端）：
image.png
选择安装就可以啦：
image.png
回到目录中进入刚刚安装的 baiduai目录：
image.png
在目录中打开git bash 输入cnpm run serve：
image.png
在浏览器中打开http://localhost:8080/就可以看到新项目啦：
image.png
好啦到此就完成安装！下一次封装axios到项目中去！
网友评论