@rubylang
Google
Максим28.04.2017
10:55:50
10:55:50
напоминаю что хочу научится работать с vue и rails по этому гайду
https://mkdev.me/posts/rails-5-i-vue-js-kak-perestat-muchatsya-s-frontendom-i-nachat-zhit
хз с ним не связывался
если у тебя есть какйо проверенный гайд или типа того то с радостью попробую по нему
.babelrc
{
"presets": [
["es2015", { "modules": false }]
]
}
package.json
{
"name": "vue",
"private": true,
"dependencies": {
"autoprefixer": "^6.7.7",
"babel-core": "^6.24.1",
"babel-loader": "^7.0.0",
"babel-preset-env": "^1.4.0",
"coffee-loader": "^0.7.3",
"coffee-script": "^1.12.5",
"compression-webpack-plugin": "^0.4.0",
"css-loader": "^0.28.0",
"extract-text-webpack-plugin": "^2.1.0",
"file-loader": "^0.11.1",
"glob": "^7.1.1",
"js-yaml": "^3.8.3",
"node-sass": "^4.5.2",
"path-complete-extname": "^0.1.0",
"postcss-loader": "^1.3.3",
"postcss-smart-import": "^0.6.12",
"precss": "^1.4.0",
"rails-erb-loader": "^5.0.0",
"sass-loader": "^6.0.3",
"style-loader": "^0.16.1",
"vue": "^2.3.0",
"vue-loader": "^12.0.2",
"vue-template-compiler": "^2.3.0",
"webpack": "^2.4.1",
"webpack-manifest-plugin": "^1.1.0",
"webpack-merge": "^4.1.0"
},
"devDependencies": {
"webpack-dev-server": "^2.4.5"
}
}
как проверить стоит или нет
Максим28.04.2017
10:57:14
10:57:14
это так
Vasiliy28.04.2017
11:00:37
11:00:37
ты стрелочную выше пробовал не?
GoogleМаксим28.04.2017
11:03:44
11:03:44
в консоль хело не вывело
Vasiliy28.04.2017
11:06:56
11:06:56
знач es6 подхватывает
Vasiliy28.04.2017
11:08:46
11:08:46
хотя не факт(, вроде должно было развернуть в function() { console.log('hello') }
http://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Creact%2Cstage-2&targets=&browsers=&builtIns=false&debug=false&code=()%20%3D%3E%20%7B%20console.log('hello')%20%7D
Vasiliy28.04.2017
11:16:20
11:16:20
ощущение что ты грузишь не тот файл
Максим28.04.2017
11:16:22
11:16:22
там увидят рельсы и скажут иди в рельсы
Vasiliy28.04.2017
11:17:35
11:17:35
ты выложи всё на гитхабе чтоли
Максим28.04.2017
11:19:12
11:19:12
ща
Максим28.04.2017
11:21:35
11:21:35
я рил уверен что допускаю какуют фундаментальную ошибку
пушу
https://github.com/Qew7/VueRailsTest
Vasiliy28.04.2017
11:25:07
11:25:07
а почему у тебя https://github.com/Qew7/VueRailsTest/blob/master/app/javascript/packs/app.vue module.exports?
Смерть28.04.2017
11:26:36
11:26:36
Этот аватар как будто предлагает мне заняться с ним сексом. Сорян.
Максим28.04.2017
11:26:53
11:26:53
такой и был замысел когда фоткал
Aleksey28.04.2017
11:26:56
11:26:56
GoogleМаксим28.04.2017
11:27:04
11:27:04
я просто в жизни не трогал вообще ни vue ни es2016 и понятия не имею как там что работает
Vasiliy28.04.2017
11:27:27
11:27:27
я хз, но в мануале
<script>
export default {
data: function () {
return {
message: "Welcome to Cinematronix!"
}
}
}
</script>
Aleksey28.04.2017
11:28:02
11:28:02
@Qew7777 вчера кстати Rails 5.1.0 вышли
Максим28.04.2017
11:29:11
11:29:11
не помню почему, но поменял как ты и ничего не поменялось
изменения залил в гит
Rafkat28.04.2017
11:43:19
11:43:19
Максим28.04.2017
11:45:33
11:45:33
Обновил уже вроде и запустил и ничего не поменяломь
Ну в гемфайле приписал версию 5.1.0 запустил бандл апдейт бандл инсталл
Vasiliy28.04.2017
11:51:11
11:51:11
так так так
а что блять у нас за хуета в https://github.com/Qew7/VueRailsTest/blob/master/app/views/layouts/application.html.erb
I28.04.2017
11:52:18
11:52:18
это точно erb? :D
I28.04.2017
11:52:32
11:52:32
выглядит как .vue
Rafkat28.04.2017
11:52:42
11:52:42
# app/views/layouts/application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>Cinematronix</title>
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= javascript_pack_tag 'application' %>
</head>
<body>
<%= yield %>
</body>
</html>
nfr ljk;ty
так должен
GoogleМаксим28.04.2017
11:56:34
11:56:34
теперь запускается страница но без текста
и с другой ошибкой
это норма?
так должно быть?
Максим28.04.2017
11:59:45
11:59:45
ну и типа я без компилятора юзаю
типа всё ок
но почему текст не подскаывает?
AdminERROR: S client not available
Rafkat28.04.2017
11:59:55
11:59:55
https://ru.vuejs.org/v2/guide/installation.html#Объяснение-различных-сборок
юзай полную
DimaМаксим28.04.2017
12:04:16
12:04:16
у тебя нет ошибки как у меня? ну про версию без компилятора
Vasiliy28.04.2017
12:04:16
12:04:16
300 соточки на телефон и расскажу как
Vasiliy28.04.2017
12:04:48
12:04:48
application.js исправь на
document.addEventListener('DOMContentLoaded', () => {
document.body.appendChild(document.createElement('app'))
const app = new Vue(App).$mount('app')
console.log(App)
})
GoogleRafkat28.04.2017
12:05:50
12:05:50
да там и исправлять не надо
gem update rails
rails -v // 5.1
rails new for_max --webpack=vue
Кøе-ктø Геннадьевич28.04.2017
12:07:06
12:07:06
Привет. Как делишки?
Rafkat28.04.2017
12:07:30
12:07:30
делаешь какой нить контроллер типа Main, в нем метод index
Vasiliy28.04.2017
12:07:32
12:07:32
да да, чет ору сейчас с этого
Rafkat28.04.2017
12:07:42
12:07:42
в config.rb пишешь root 'main#index'
Максим28.04.2017
12:08:28
12:08:28
maxim@maxim-Lenovo-Z580:~/Projects/Rails/vue$ gem update rails
Updating installed gems
Nothing to update
maxim@maxim-Lenovo-Z580:~/Projects/Rails/vue$ rails -v
Rails 5.1.0
Rafkat28.04.2017
12:08:43
12:08:43
в application layout добавляешь до закрытия тега </script> <%= javascript_pack_tag 'hello_vue' %>
Максим28.04.2017
12:09:01
12:09:01
Rafkat28.04.2017
12:09:03
12:09:03
bin/webpack-dev-server
Максим28.04.2017
12:09:07
12:09:07
Vasiliy28.04.2017
12:10:26
12:10:26
ну дальше я б тебе советовал доку по вуе пройти
Максим28.04.2017
12:10:36
12:10:36
да, так и планировал
Vasiliy28.04.2017
12:10:37
12:10:37
но проходить её ты конечно не будешь
Открыть в Telegram