家电网站建设,git怎么做隐私政策网站,wordpress破解插件放心用吗,河南做网站公司报价目录 1 安装vs code2 vs code功能介绍3 安装nodejs4 安装vue5 在vs code打开工程总结 我们在上一篇
技术选型 里咨询了chatgpt前后端的框架选择和数据库的选择。有了框架之后就需要选择合适的开发工具了#xff0c;继续咨询一下chatgpt 我现在选型#xff0c;前端使用vue继续咨询一下chatgpt 我现在选型前端使用vue后端使用nodejs数据库使用mysql需要搭建开发环境用什么开发工具比较合适 以下是一些常用的开发工具供您选择
Visual Studio CodeVS Code这是一款轻量级且功能强大的代码编辑器支持大量的插件和扩展适用于前端和后端开发。WebStorm这是一款由JetBrains开发的专业Web开发IDE提供了丰富的功能和工具适用于前端和后端开发。Sublime Text这是一款简洁高效的代码编辑器支持大量的插件和自定义功能适用于前端和后端开发。Atom这是一款由GitHub开发的开源代码编辑器具有可扩展性和自定义性适用于前端和后端开发。
四款工具可用根据个人喜好都下载安装一下这里我们选择vs code来建立开发环境
1 安装vs code
下载地址 https://code.visualstudio.com/ 打开网站点击download下载安装即可
2 vs code功能介绍 vs code的界面一共分为五个区域顶部导航我们最常用的是file菜单可以打开我们电脑里的工程目录点击Open folder就可以打开我们本地的文件夹 有的同学可能要问要不要汉化我个人建议是不要既然你准备写代码本身就是使用英文的环境编程汉化的意义是不太大的。
第二部分是侧边栏导航我们经常使用的是插件安装因为编辑器默认这些高亮呀自动补全呀都是需要使用插件的。点击插件的图标 在搜索框输入你需要的插件名称就可以
第三部分是我们的文件导航在这里可以创建、修改文件也可以建立文件夹 第四部分就是我们代码的编辑区了日常我们的创作就是在这里完成的。其实目前的前端开发也基本都是组件化开发了使用现成的UI框架会提效不少 最后一部分就是命令行窗口类似于windows的cmd可以在这里运行命令。 有时候我们需要打开多个命令行窗口在顶部的菜单导航选择Terminal选择第一个子菜单就可以
3 安装nodejs
因为本次我们是以javascript作为开发语言前后端编程的时候需要引入第三方的库javascript是通过npm来管理包的需要先安装好Nodejs https://nodejs.org/en 下载后按照指引进行安装即可如何验证nodejs配置成功了呢打开windows的cmd可以按快捷键winR 在cmd里分别输入
node -v
npm -v如果可以正常显示出版本号就表示我们的安装成功了
4 安装vue
vue的话目前已经是3.0版本了2.0版本到今年年底就停止维护了因为是自己用所以使用新版本就可以安装的时候可以使用脚手架搭建
先在你的磁盘里建一个vue的目录然后进入vue目录在地址栏里输入cmd 这样就在当前目录打开了cmd 在cmd里安装vue-cli输入如下命令
npm install -g vue/cli接着创建我们的工程输入如下命令
vue create my-vue-project选择vue3版本 安装好之后 输入
cd my-vue-project进入到工程的根目录如何输入
npm run serve这样就启动了工程在地址栏里输入http://localhost:8080/可以看到我们的工程
5 在vs code打开工程
打开vs code 点击file-open folder选择我们的工程的根目录打开 然后点击terminal打开一个命令行窗口可以在这里输入启动命令
总结
本篇我们介绍了环境的搭建做开发第一步就是要搭建开发环境选择合适的工具无疑可以提高开发效率。我们介绍了nodejs、vscode、vue的搭建过程有了这些材料我们就可以按照自己的想法架构软件了还没有动手开发的同学赶紧照着做一遍吧马上你也可以拥有自己的软件啦。
