vue框架快速搭建

vue框架快速搭建,有手就行

1.配置环境

1.1 去nodejs官网下载nodejs,传送门
必须下载node,因为我们要用到命令npm,这可以理解成一个用命令下载东西的插件

《vue框架快速搭建》
我是windows系统所以直接点击即可下载,下载完后安装一直next即可完成安装。

1.2 下载vue cli 脚手架,这个也是必须的

npm install -g @vue/cli 

等待安装结束即可,成功标志如下:
《vue框架快速搭建》

1.3 安装vscode,这是免费的软件

下载地址:传送门
有手就行

2.第一个vue项目

2.1

下载完成后点击vscode,在桌面右键创建一个文件夹,然后用鼠标将文件夹图标拉到vscode图标上,即可完成,然后点击上面的终端,点新建终端

2.2

输入:

vue create my-project
#进入文件夹
cd my-project
#把项目跑起来
npm run serve

《vue框架快速搭建》

《vue框架快速搭建》

    原文作者:搞技术的小邱
    原文地址: https://blog.csdn.net/Lione10/article/details/122999102
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞