前端学习

前端学习

第一天环境安装
安装nmp
进入网站 / 会出现如下图所示的页面

一直下一步，默认安装C盘（我没动）
安装完成win+r 输出cmd
node-v 和 npm-v 确认node和npm的版本号

!](.png)

安装vue环境后，打开vue官方
.html

建项目操作
桌面建个文件夹 在文件夹中打开cmd，运行npm install -g @vue/cli安装就行

安装完成后检测，vue环境安装成功

运行vue-ui，图形化后台创建自己的vue项目


总结之前看了很多网上项目，很多人遇到坑，说是要配置环境变量之类的，我没有遇到，我遇到的BUG，是之前的vue项目，由于里面的依赖版本问题，npm install -g @vue/cli安装一直报错，升级话会很坑爹。我就新开了一个vue项目，还有就是如果vue ui打不开网站报什么window 找不到http://localhost:8000文件的BUG，点击任意浏览器，设置始终默认一个浏览器

2.命令行创建项目
首先确保vue环境安装好

vue create vue_project_01 (项目名称)，

我选择的默认，大约需要几分钟

安装成功
并且运行npm run serve 把项目运行起来

命令创建项目到此完成

第二种图形化创建
选择一个文件夹

安装依赖，运行依赖
“dependencies”: {
“axios”: “^0.24.0”,
“core-js”: “^3.6.5”,
“element-ui”: “^2.4.5”,
“qs”: “^6.10.2”,
“vue”: “^2.6.11”,
“vue-router”: “^3.2.0”,
“vuex”: “^3.4.0”
},
开发依赖
“devDependencies”: {
“@vue/cli-plugin-babel”: “~4.5.0”,
“@vue/cli-plugin-eslint”: “~4.5.0”,
“@vue/cli-plugin-router”: “~4.5.0”,
“@vue/cli-plugin-vuex”: “~4.5.0”,
“@vue/cli-service”: “~4.5.0”,
“@vue/eslint-config-standard”: “^5.1.2”,
“babel-eslint”: “^10.1.0”,
“eslint”: “^6.7.2”,
“eslint-plugin-import”: “^2.20.2”,
“eslint-plugin-node”: “^11.1.0”,
“eslint-plugin-promise”: “^4.2.1”,
“eslint-plugin-standard”: “^4.0.0”,
“eslint-plugin-vue”: “^6.2.2”,
“less”: “^3.9.0”,
“less-loader”: “^5.0.0”,
“vue-cli-plugin-element”: “^1.0.1”,
“vue-template-compiler”: “^2.6.11”
}
vue 3.0安装element

vue 2.0安装element

安装完less 百度降低less版本，最新的会报错