首页 > web前端 > js教程 > 如何新建一个vue项目

如何新建一个vue项目

一个新手
发布: 2018-05-11 13:43:45
原创
6987 人浏览过

用命令行生成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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板