美文网首页vue
使用vue-cli创建纯前端项目

使用vue-cli创建纯前端项目

作者: gao922699 | 来源:发表于2022-07-26 15:55 被阅读0次

官方文档:https://cli.vuejs.org/guide/

本地新建一个空的项目目录,node环境还是用docker提供,绑定项目目录。

docker run -it --name node -v /home/code:/www -w /www node

进入容器就可以使用npm命令了

···
//第一步:安装vue-cli
npm install -g @vue/cli

//第二步:创建项目
vue create hello-world

//第三步:
npm run install && npm run build

vue-cli提供了一个webServer来运行项目,运行npm run serve就可以运行。(容器内运行需要把端口映射出来)。作为后端我们也可以忽略,用docker创建一个web服务来运行代码。注意:nginx的root参数为项目的dist目录(编译完成的代码目录,实际上只需要映射这个目录就可以了)

相关文章

网友评论

    本文标题:使用vue-cli创建纯前端项目

    本文链接:https://www.haomeiwen.com/subject/jjvoirtx.html