使用脚手架配置Vue项目

1.在任何文件夹中打开终端(win+r再输入cmd)

执行命令: npm install vue-cli -g //安装vue命令环境 -g是全局安装,装了后以后的项目都不用再执行这个命令了
然后输入 vue --version //验证vue环境是否安装成功
使用脚手架配置Vue项目

2.新建英文名字文件夹(注意是英文,中文可能会报错)

3.在该文件夹下打开终端(win+r再输入cmd)

使用脚手架配置Vue项目

4.执行命令:vue init webpack-simple // 初始化

使用脚手架配置Vue项目

之后一直按回车就可以了
使用脚手架配置Vue项目

5.下包 :npm install 或者cnpm install(这个是淘宝镜像,服务器是国内的,下载速度会快点),要是想使用淘宝镜像,首先输入命令安装 npm install -g cnpm --registry=https://registry.npm.taobao.org

因为我安装过淘宝镜像了所以下包的时候输入指令:cnpm install
使用脚手架配置Vue项目

6.测试一下运行vue项目是否成功,vue环境内部中有一个可运行的程序

执行命令:npm run dev,
使用脚手架配置Vue项目

7.接下来就会自动跳出一个网页

使用脚手架配置Vue项目
说明vue项目环境配置完成,接下来就可以去使用使用这个文件去写vue项目了。

总结:

这些是个人在实训中学到的东西,记录一下方便复习。