从0到1搭建前端项目

857 阅读1分钟

框架 VUE + ES

一、生成代码

1、下载并安装node jsnodejs.org/en/download…

2、node js 安装完成后,npm也就一起安装了,通过

node -v

npm -v 查看安装情况

如果安装有问题,还可以通过nvm安装node

nvm install v16.13.2
nvm use v16.13.2
nvm list

安装npm国内镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、通过npm 安装vue

sudo npm install vue

4、通过npm安装vue脚手架 安装2.x的脚手架 sudo npm install –g vue-cli

安装4.x版本的脚手架(博主用血的教训劝你,不要用vue3.x!不要用vue3.x!不要用vue3.x!) sudo npm install –g @vue/cli

5、新建一个vue项目

vue init webpack yourprojectname 然后跟着yes no选择要安装的东西,差不多闭眼yes即可

6、跑跑看 localhost:8080

cd yourprojectname

npm run dev

二、上传代码仓库 1、注册git 2、新开一个项目,获得项目ssh 3、上传代码

git config --global init.defaultBranch master

git config --global user.name 
git config --global user.email "xxx@xxx.com"

git init
git remote add origin ssh地址
(如果该代码已经和其他代码仓库绑定,可以先解绑
git remote rm origin)

git add .
git commit -m "Initial commit"

git push -u origin master

三、下载本地ide 推荐vscode

附文:juejin.cn/post/701659…