如何运行vue项目
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
·
一、
1、下载node.js
安装完成后分别在cmd中执行node -v查看是否安装成功,出现版本号就安装成功了

2、安装 webpack
npm install webpack -g
安装完成后分别在cmd中执行npm -v查看是否安装成功,出现版本号就安装成功了

3、安装vue-cli脚手架
cnpm install vue-cli -g
安装完成后查看vue-cli脚手架 版本确定是否安装成功,出现版本号就安装成功了
vue -V
4、使用vue-cli创建项目
首先创建一个文件夹,cmd 进入到该项目里,输入以下命令
vue create hello-world
注:hello-word是文件夹名字可以改
5、运行项目
输入以下命令来运行项目
cd hello-world
npm run serve
出现以上页面,说明项目运行成功了。
二、运行别人的项目
1、删除package-lock.json文件
package-lock.json记录了整个node_moudles文件夹的树状结构,还记录了模块的下载地址,但是它是基于项目作者的npm版本库生成的,若不删掉这个依赖文件,容易出现npm版本差异导致的报错。
2、切换项目目录
然后打开cmd,cd到项目目录,具体操作:先输入该盘符,然后再用cd命令切换目录。
3、清除npm缓存
npm有缓存时,常常出现安装依赖不成功的现象,且一旦出现这个问题,报错信息很完善,但根据报错信息一项一项去解决,却死活解决不了,还找不出原因。
npm clean cache -f
4、重新安装依赖。
npm install

5、最后运行项目。
npm run serve
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:3 个月前 )
9e887079
[skip ci] 1 年前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)