vue开发环境搭建以及项目创建

来源:互联网 发布:淘宝护盾图片怎么授权 编辑:程序博客网 时间:2024/06/09 15:10

1.安装node.js下载安装地址Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。安装步骤安装即可没有什么难度。环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等。 

2.安装npm 由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。

终端/控制台窗口中运行命令 node -v 和 npm -v, 来验证一下你正在运行 node 6.9.x 和 npm 3.x.x 以上的版本。

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

cmd里 1)输入:npm install -g vue-cli,回车,等待安装...
            2).输入:vue,回车,若出现vue信息说明表示成功


4.创建项目
在cmd里输入:vue init webpack vuetest(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,

5.安装依赖
在cmd里  1).输入:cd vue_test(项目名),回车,进入到具体项目文件夹
             2).输入:npm install,回车,等待一小会儿



6.测试环境是否搭建成功
方法1:在md里输入:npm run dev
方法2:在浏览里输入:localhost:8080(默认端口为8080)


结果: