您的位置:首页 > 娱乐 > 八卦 > 云尚网络建站_紧急通知河南全省暂停_杭州网站制作排名_台州网站制作维护

云尚网络建站_紧急通知河南全省暂停_杭州网站制作排名_台州网站制作维护

2024/12/23 10:13:52 来源:https://blog.csdn.net/vipStone2/article/details/144181594  浏览:    关键词:云尚网络建站_紧急通知河南全省暂停_杭州网站制作排名_台州网站制作维护
云尚网络建站_紧急通知河南全省暂停_杭州网站制作排名_台州网站制作维护

着手前端项目开发,那怎么从零开始创建一个vue项目呢

环境配置

首先我们需要知道,开发前端需要配置写什么环境,我至少需要要给node.js的环境

刚开始做前端开发的时候,我就按照网上直接配置了node.js环境,简单的操作就是下载安装。随着开发项目的增多,发现之前配置版本和当前的项目需要的版本不一致,把又要去下载现在需要的版本。不同版本的node之间的管理怎么做呢?后来同事告诉我安装nvm,它解决了不同项目使用不同版本的需求。

nvm的安装

nvm的官方网站:https://nvm.uihtm.com 直接去下载安装就行了

d05cecad24fa8b3425d3615f8c865d7e.png

里面也有接受nvm如何的使用。管理node的版本,用起来也是很方便。

我们编程时候需要的编辑器选哪种呢,我现在用的VS Code。下载地址:https://code.visualstudio.com/

创建一个vue3项目

在你想要存项目的文件夹打开终端

ff6d7b3a67d003afb32c5a2b75aabe62.png

执行命令 vue create my-vue3-project

我执行时候报了个错误,是因为没有安装vue cli

362e697651dbad1ff1dbbf872a63be8f.png

执行安装vue cli :npm install -g @vue/cli

安装好后就可以一步一步创建vue项目了

创建好项目,用VS Code打开后就可以运行一个前端项目了,查找package.json的位置,找到运行的指令,执行 npm run serve

1a15a6c20050398e7ab22151baa55897.png

如果运行成功就会显示出可以运行的地址

90f31bf66cde9fd0314332df260f7e53.png

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com