作者:坚强萝卜_854 | 来源:互联网 | 2023-08-23 14:48
一、开场白
从来没想过有一天,我会去动这个前端框架,好吧,赶鸭子上架,我把步骤先写到这里,保证大家不走弯路。
二、搭建步骤:
1、电脑要有vscode,或者webstorm
2、安装node (因为安装了node就有npm了),完成后输入:node -v,看是否安装成功
node下载链接:https://nodejs.org/zh-cn/
3、使用淘宝镜像:
语句:sudo npm config set registry https://registry.npm.taobao.org
(网上看到很多资料用的cnpm,据说运行速度没有npm快)
4、输入:npm info underscore(如果出现如下图,就是已经切换到镜像了)
![](https://img2.php1.cn/3cdc5/3984/5a0/4f7bc70892764bf6.png)
5、npm 安装脚手架 就是这个https://www.npmjs.com/package/@vue/cli
安装: npm install -g @vue/cli
创建模板:vue create my-project
6、有如下页面:输入1,按回车
![](https://img2.php1.cn/3cdc5/3984/5a0/50d23362d3ae04a3.png)
7、安装完如下图:
![](https://img2.php1.cn/3cdc5/3984/5a0/366319db04a47c05.png)
8、运行上图的两条命令
![](https://img2.php1.cn/3cdc5/3984/5a0/035a32073c65462a.png)
9、点击Local后面的链接,如果页面出现如下图,就是配置好了,yeah~不想运行要关闭,在命令行按control+c
10、找到刚才建好的模板,打开vscode导入项目,在components里面可以创建.vue文件,可以删除原有的,然后在App.vue里面配置即可!