创建一个vue前端项目
着手前端项目开发,那怎么从零开始创建一个vue项目呢
环境配置
首先我们需要知道,开发前端需要配置写什么环境,我至少需要要给node.js的环境
刚开始做前端开发的时候,我就按照网上直接配置了node.js环境,简单的操作就是下载、安装。随着开发项目的增多,发现之前配置版本和当前的项目需要的版本不一致,把又要去下载现在需要的版本。不同版本的node之间的管理怎么做呢?后来同事告诉我安装nvm,它解决了不同项目使用不同版本的需求。
nvm的安装
nvm的官方网站:https://nvm.uihtm.com 直接去下载安装就行了
里面也有接受nvm如何的使用。管理node的版本,用起来也是很方便。
我们编程时候需要的编辑器选哪种呢,我现在用的VS Code。下载地址:https://code.visualstudio.com/
创建一个vue3项目
在你想要存项目的文件夹打开终端
执行命令 vue create my-vue3-project
我执行时候报了个错误,是因为没有安装vue cli
执行安装vue cli :npm install -g @vue/cli
安装好后就可以一步一步创建vue项目了
创建好项目,用VS Code打开后就可以运行一个前端项目了,查找package.json的位置,找到运行的指令,执行 npm run serve
如果运行成功就会显示出可以运行的地址