创建vue 2.0项目
2017-08-14 09:30
183 查看
第一步 下载node.js 网址 https://nodejs.org/en/,下载完成后默认安装即可。
第二步 创建项目文件夹 ,在文件夹位置打开系统命令行 输入 vue init webpack (xxxx)可以自定义项目名称) 后续操作皆可回车;
第三步
![](https://oscdn.geek-share.com/Uploads/Images/Content/201708/b3669a5854b2b6c7e037893cd37ba7f2)
看见此界面后,按照操作步骤
cd elm (进入项目文件夹),npm install(安装依赖),npm run dev(完成运行)
第四步 创建完成后 会自动打开浏览器 localhost:8080
补:如果浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js
![](https://oscdn.geek-share.com/Uploads/Images/Content/201708/c07b9cc86a21b578f8360652924bb915)
修改port即可
第二步 创建项目文件夹 ,在文件夹位置打开系统命令行 输入 vue init webpack (xxxx)可以自定义项目名称) 后续操作皆可回车;
第三步
看见此界面后,按照操作步骤
cd elm (进入项目文件夹),npm install(安装依赖),npm run dev(完成运行)
第四步 创建完成后 会自动打开浏览器 localhost:8080
补:如果浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js
修改port即可
相关文章推荐
- 使用vue2.0创建的项目的步骤方法
- vue2.0项目创建之环境变量配置
- 用npm创建vue项目(vue2.0)
- 创建一个vue2.0项目
- vue创建1.0项目
- 创建Vue项目 以及引入Iview
- VUE开发环境配置及创建项目
- 解决@vue/cli 创建项目是安装chromedriver时失败的问题
- Vue.js入门(一)——创建第一个vue.js项目
- 在vue项目创建的后初始化首次使用stylus安装方法
- 项目vue2.0仿外卖APP(三)
- vue.js学习02之vue-cli脚手架创建项目环境搭建
- 创建VUE项目框架02
- 使用vs code 创建vue项目
- vue-cli创建的项目,配置多页面的实现方法
- vue项目部署gitHub教程,如何创建github服务器
- 如何使用vue-cli创建项目
- Flex Builder 2.0创建哪三种类型的项目!
- vue.js创建项目
- Ⅳ vue2.0 项目中的组件