vue环境搭建及vue新建一个项目

vue环境搭建及vue新建一个项目
一、vue开发环境搭建
1、安装nodejs
步骤：在node官网(https://nodejs.org/en/download/ )选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，在cmd控制台输入node -v，如果出现版本信息即表示安装成功。

2、npm包管理器是集成在node中的，所以直接输入npm -v就能查看到版本信息，若出现版本信息则表示npm能正常使用。

3、输入npm install -g cnpm --registry=http://registry.npm.taobao.org ，安装淘宝镜像安装相关依赖。

4、安装vue-cli脚手架构建工具，输入命令 npm install -g vue-cli，安装完成即可。

二、新建vue项目
1、进入到vue项目要放置的路径下（例如desktop），新建vue项目，指令vue init webpack +项目名称.
例如:执行指令 vue init webpack firstvue,则会在当前(desktop)路径下创建一个名为firstvue的文件夹，这个文件夹就是新建的vue项目，执行上述命令后，这个项目的相关文件都会在firstvue这个文件夹下自动生成。

2、上一步之后就会开始新建项目，询问项目的相关配置。一路yes省事儿没啥问题

3、进入到项目的文件夹(firstvue)下，
$ \desktop> cd firstvue
$ \desktop\firstvue>

4、运行项目，指令npm run dev ,正常情况下会输出 Your application is running here: http://localhost:8081
$ \desktop\firstvue> npm run dev

5、在浏览器中打开http://localhost:8081，能看到vue的大logo图片。

至此，vue项目新建完毕！
————————————————

原文链接：https://blog.csdn.net/zsjwenrou/article/details/91810324