如何新建一个vue项目

用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的,所以首先要安装nodejs。安装完成后，打开cmd。

输入 node -v， 出现类似v6.11.2这样的版本号说明node安装成功。

输入 npm -v, 出现类似v3.10.10这样的版本号说明npm安装成功.

然后开始新建一个vue项目：

（1）安装脚手架工具： npm install -g vue-cli --registry=https://registry.npm.taobao.org    ---淘宝镜像比较快

（2）安装完成后输入 vue --version ，能看到版本号说明安装成功。

 ( 3 ) 创建框架项目  vue init webpack my-project     ---（my-project是项目名称）

（4）查看当前项目文件： 输入 cd eleme , 再输入dir 即可查看文件信息。

（5）安装依赖

npm install --registry=https://registry.npm.taobao.org

安装完成后会在文件夹中发现多了个node_modules文件夹，到这里脚手架就已经安装完成了。

（6）启动vue项目：

 npm run dev

打开浏览器：输入

http://localhost:8080

以上是如何新建一个vue项目 的详细内容。更多信息请关注PHP中文网其他相关文章！