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

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 就可以了!

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

相关推荐

电吉他多久换一次弦
365bet真人

电吉他多久换一次弦

07-21 👁️ 2461
LOL蛇女攻略(完美释放技能连击,引爆战场的灵活女王)
小米盒子如何關閉電源
365体育投注一直进不去

小米盒子如何關閉電源

06-28 👁️ 3569
一般喜購上返利多少錢?
365体育投注一直进不去

一般喜購上返利多少錢?

07-11 👁️ 450