原创

如何运用vue-cli快速运行一个项目


vue-cli

1.先安装node.js,目的能使用npm包管理器与具备项目调试的环境,node.js中文官网:http://nodejs.cn/ (下载安装即可)

2.初次安装更改npm的镜像源,为了加快下载包的速度,使用国内淘宝镜像,打开cmd命令行

npm config set registry https://registry.npm.taobao.org

验证是否成功:

npm config get registry

3.安装vue-cli全局的扩展:

npm install -g @vue/cli-service-global

4.开始创建一个vue项目,项目名为hello-world:

vue create hello-world

5.选择默认的设置,这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的

6.项目创建好之后,运行项目

npm run serve

7.访问运行控制台给出的项目地址,如:

localhost:8080

这就能跑一个完整的vue项目了

html
网页
  • 作者:黄伟明
  • 发表时间:2020-12-19 10:48
  • 版权声明:非商业自由转载

评论



留言