vue.js h5项目搭建

Posted on

1.在远程（coding.net/github）上面先建立一个项目
2.安装cli
npm install -g vue-cli
3.建立vue.js项目
vue init webpack 文件名
4.npm install
5.git init
git add .
git commit -m”init commit”
git remote add origin 远程网址
git pull origin master
git push -u origin master
6.添加Gemfile

1
2
3
source 'https://ruby.taobao.org/'
gem 'capistrano', '2.12.0'
gem 'capistrano-rbenv', '1.0.1'

然后bundle
7.添加deploy文件 capify .
7.添加deploy.rb里面脚本内容
8.cap deploy:setup
9.cap deploy
10.到远程配置Nginx
进到/etc/nginx-1.11.10/conf/nginx.conf 里面
更改server下面的listen端口号
更改server下面的location的root

本地运行vue项目
1.npm install
2.npm run dev