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 就可以了!
🚀如果有其他疑难杂症,欢迎留言分享!