Vue项目运行步骤(详细图解)

📂文章目录 

        一、🚀安装Node.js

        二、🚀安装node_modules依赖

        三、🚀启动项目

        四、🚀其他方法

---

一、🚀安装Node.js

node.js所有版本网址：Node.js — Node.js 版本

 推荐安装v16版本

安装完毕后Win+R输入cmd回车

输入node -v确认下是否安装成功

有些win11系统的电脑安装完毕也不会显示，可能是因为权限问题。

解决办法：

右键C盘属性

一个一个将所有用户的权限设置为完全控制

然后将C盘以外的所有盘符都依次设置一下，应该就OK了！

二、🚀安装node_modules依赖

进入到项目文件中，上方搜索框输入cmd回车（如果拿到的项目中已经有了node_modules包，可以删除一下）

然后输入npm i 回车，安装一下项目依赖

三、🚀启动项目

安装完毕之后再输入npm run dev 回车运行项目，如果 npm run dev 不行就 npm run serve。

运行完毕后会出现来链接，复制到浏览器直接就可以打开网页了！

四、🚀其他方法

在编辑器中打开也是一样的原理，这里我就以vscode举例，确保目录已经进入到了项目文件夹里面，然后输入npm i 然后npm run dev 或者 npm run serve 就可以了。

如果npm i 速度干过慢，可以安装cnpm淘宝镜像：

npm install -g cnpm -registry=https://registry.npm.taobao.org

安装完之后使用cnpm i 和 cnpm run dev 和cnpm run serve 就可以了！

🚀如果有其他疑难杂症，欢迎留言分享！