最近接口顺利搬砖成功,看了看前端代码,突然,想学学Vue玩
Vue-cli搭建项目
1.去官网下载安装node.js
https://nodejs.org/en/
2.安装:选择好路径,安装好了过后
通过cmd,node -v 查看是否安装成功,安装成功会显示版本
3.安装cnpm(淘宝镜像)——按需安装
淘宝镜像就是让后面的脚手架安装快些和更换指令 可以不装
输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成以后输入 cnpm -v 检测是否安装成功
4.安装webpack:**webpack 是项目打包工具
命令行输入 cnpm install webpack -g进行安装,
安装完成以后输入webpack -v检测是否安装成功
检查时会有一个警告:输入 yes,然后会继续安装,完后曾,输入webpack -v检测结果就ok
5.安装vue-cli(vue脚手架)
继续命令行输入:npm install vue-cli -g
安装完成以后输入vue -V检测是否安装成功
6.搭建项目:
新建一个文件夹,用来存放我们的项目
然后打开进入该文件夹,按住 shift + 鼠标右键 选择 在此处打开命令窗口
命令行输入 vue init webpack 项目名字<项目名字不能用中文>
接下来就是进行一些项目的配置,按自己需要选择即可
选择完成后, ****
输入 npm install 安装项目依赖:可能会失败:可能需要再来一次,清除一下缓存。npm cache clean --force,再 cd 项目文件 进入项目文件,再npm install**
完成以后cd 项目名,输入 npm run dev 启动项目就可以进行开发了
六、发布项目
最后项目开发完,命令行进入项目文件路径下,npm run build 就可以把项目打包了