1. 首先安装node.js,安装时一直点Next,知道Finish就可以安装成功
2. 打开控制命令执行程序cmd,输入node -v ,可以查看node的版本信息,即安装成功,我安装的是v8.12.0
3. 安装淘宝镜像安装相关依赖,我们都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像,
输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,接下来就可以用cnpm 命令来安装模块了
4. 安装vue-cli脚手架构建工具,输入命令npm install -g vue-cli ,安装完成即可。 // 全局安装vue-cli
5. 检查vue-cli是否安装成功,不能检查vue-cli,检查vue的版本信息,输入命令
6. 选定路径,新建vue项目,我是新建到D盘下,指令vue init webpack +项目名称(项目名称都要小写哦)
如果项目创建的时候没有报错,cnpm install / npm install就可以省略,如果报错了,cd到项目里面运行该命令
(另一种创建项目方式:vue init webpack-simple demo01,这种方式创建出来的项目,目录比较简单,适合中小型项目)
7. 接下来就会新建这个项目,需要输入相关的配置,这个根据自己的情况而定
8. 项目创建成功,如图:
9. 进入到项目文件夹下
10. 输入npm run dev ,运行项目
11. 在浏览器中打开这个网址,就能看到
创建项目成功,自己创建的时候花了好长时间,会出现各种各样的错,最后执行cmd以管理员身份运行的才创建成功,记录一下第一个vue项目环境的搭建及创建