如何创建一个vue项目
2017-06-06 14:30
543 查看
开发vue项目,前提是你的电脑已经装有node.js和npm,如果没装的话自行百度安装一下。如何在命令行中输入npm install -g vue-cli这个vue的脚手架,-g表示全局调用。装好以后就可以创建一个vue的项目了。
还是在命令行里,输入vue init <modal> <project>,modal表示你想要下载的项目框架,这里写webpack,如果想要旧版本的可以在webpack后面加上#加上一个版本号,如vue init webpack#1.0 vueproject。<project>表示一个项目的名称,你可以给他取一个你想要的名字。弄好之后按回车进入下载,下载完成后会有类似如下的文件。
之后就安装依赖。在命令行中,打开你的vue项目名,本实例的项目名是vue06,打开后在命令行中键入npm install,这样就会安装依赖。安装完成后键入npm run dev就会开启服务,网页会自动打开,得到一个vue的界面。
该服务的默认端口是8080,如果有冲突的话则在config/index.js那里修改一下端口即可。
还是在命令行里,输入vue init <modal> <project>,modal表示你想要下载的项目框架,这里写webpack,如果想要旧版本的可以在webpack后面加上#加上一个版本号,如vue init webpack#1.0 vueproject。<project>表示一个项目的名称,你可以给他取一个你想要的名字。弄好之后按回车进入下载,下载完成后会有类似如下的文件。
之后就安装依赖。在命令行中,打开你的vue项目名,本实例的项目名是vue06,打开后在命令行中键入npm install,这样就会安装依赖。安装完成后键入npm run dev就会开启服务,网页会自动打开,得到一个vue的界面。
该服务的默认端口是8080,如果有冲突的话则在config/index.js那里修改一下端口即可。
相关文章推荐
- 如何创建一个 vue.js 的项目
- 如何创建一个vue的新项目,用命令行的方式创建
- 如何创建一个vue项目
- 一个关于如何创建类似于QQ客户端聊天窗口的模拟小项目
- cocos2dx 3.1 如何创建一个项目
- VR游戏开发干货教程:如何创建一个VR项目
- 如何快速学会在github 上创建一个项目
- 如何在Mac上创建一个cocos2d的项目
- cocos2d-x2.x初学者系列之如何创建一个项目
- 听Jake Wharton讲如何成为更优秀的开发者与创建一个成功的开源项目
- 如何用Maven创建一个普通Java项目
- 如何用命令行创建一个cordova项目(完整示例)
- 使用Team City如何创建一个简单的项目
- 如何使用maven创建一个web项目
- 如何在IntelJ下用Maven创建一个Web项目
- 如何创建一个 Windows 服务应用程序的安装项目在 Visual C# 中
- 如何用git创建一个项目
- 如何在Mac上创建一个cocos2d的项目
- 如何创建一个安卓项目
- 如何创建一个web项目